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

Posted 2021-03-07 ygunoil

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