探头的新芽

关注

element ui修改组件样式的方式

探头的新芽

关注

阅读 166

2022-04-30

1.在当前style下不使用scoped属性

<style>

...

</style>

2.使用 /deep/ 或 ::v-deep深度修改样式

在浏览器中打开页面,进入开发者模式(F12),查看标签对应的class,在标签名的类名前加/deep/或::v-deep可以强制修改element-ui样式,如下所示

<style scoped>
/deep/ .a { /* ... */ }
</style>
<style scoped>
::v-deep .a { /* ... */ }
</style>

相关推荐

思考的鸿毛

Vue中修改组件库(如element ui)样式的可行方案

思考的鸿毛 166 0 0

color_小浣熊

element ui 修改样式的几种方式

color_小浣熊 119 0 0

unadlib

修改Element-UI样式的几种方式

unadlib 115 0 0

mm_tang

react中修改组件样式的几种方法

mm_tang 26 0 0

精进的医生

Element UI样式修改之NavMenu导航菜单箭头样式修改

精进的医生 8 0 0

进击的铁雾

element-plus全局修改组件大小和默认语言

进击的铁雾 292 0 0

芒果六斤半

修改ElTable组件的样式(element-plus)

芒果六斤半 16 0 0

小飞侠熙熙

scss:修改element组件样式(el-select)

小飞侠熙熙 52 0 0

Jonescy

Element-UI el-calendar样式修改——日历

Jonescy 173 0 0

攻城狮Chova

vue中修改Element ui样式不起作用

攻城狮Chova 96 0 0

精彩评论(0)

0 0 举报