写点什么

开发问题记录

作者:青柚1943
  • 2022-11-08
    湖南
  • 本文字数:162 字

    阅读完需:约 1 分钟

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
用户头像

青柚1943

关注

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

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

评论

发布
暂无评论
开发问题记录_青柚1943_InfoQ写作社区