如何修改Element-UI的input样式

父组件的 scoped 样式不能穿透到子组件上。
使用 vue-loader 的写法。

有人用去掉 scoped 的方法解决,但这会污染全局样式,不可取。

使用 /deep/ 或者 >>> 解决
/deep/

.child /deep/ span {
*some prop
}

>>>

.child >>> span {
*some prop
}

vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>,穿透scoped。

有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)

<style scoped>

  外层 >>> 第三方组件 {

      样式

  }

/deep/  第三方组件 {

      样式

  }

</style>

原文链接:https://blog.csdn.net/Alex81320/article/details/86234369

参考:https://segmentfault.com/q/1010000009105809

posted @ 2019-10-24 14:02  Hakuna__Matata  阅读(8916)  评论(0编辑  收藏  举报