开发问题记录

1 样式穿透 ::v-deep

 <el-input class="text-danger" />
<style scoped>.text-danger {    color: red;}</style>

复制代码

给 el-input 添加样式，调试发现加载到了其父级元素，当我们需要覆盖 element-ui 中的样式时只能通过样式穿透来改变或添加样式。

<style scoped>
/* 样式穿透 */.text-danger ::v-deep .el-input__inner {    color: red;}</style>

复制代码

发布于: 刚刚阅读数: 3

原文链接:【http://xie.infoq.cn/article/015d9a6769b6c93b5b007c63e】。未经作者许可，禁止转载。

关注

生命不息，代码不止。 2020-08-04 加入

老街坊，小弄堂，是属于那年代白墙黑瓦的淡淡的忧伤。

发布

暂无评论