码迷,mamicode.com
首页 > 其他好文 > 详细

如何在scoped不污染组件样式的前提下,实现el-input组件样式覆盖?

时间:2020-02-26 01:06:00      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:重置   定义   使用   nbsp   如何   自己   vue   文件   区分   

elementui+vue项目中,在当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效
方式:在本页面重新定义style样式且不需要写scoped即可生效
注意:为了不影响其他位置的元素样式,需要定义一个特定的class类名便于区分
<style>
//修改input的样式,为了不覆盖本组件其他处的样式,需要自定义一个类名
.myClass input.el-input__inner {
    border-radius:15px;
}
</style>
<style scope>
    //写自己的样式
</style>

 

如何在scoped不污染组件样式的前提下,实现el-input组件样式覆盖?

标签:重置   定义   使用   nbsp   如何   自己   vue   文件   区分   

原文地址:https://www.cnblogs.com/ygunoil/p/12364881.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!