如何修改element-ui组件的样式

Posted 老张在线敲代码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何修改element-ui组件的样式相关的知识,希望对你有一定的参考价值。

常用俩种方式

如下图所示,我要修改走马灯中的button

在这里插入图片描述

style上面不能加scoped,否则就算你强制设置css(!important)也不会改变。
所以我在下面又新创建了一个不带scoped的style用来修改element的组件样式

还有一种方法是/deep/或者>>>

/deep/ .title{color:red};
>>> .title{color:black};

以上是关于如何修改element-ui组件的样式的主要内容,如果未能解决你的问题,请参考以下文章

修改Element-ui中tree组件最底层节点的样式

(Select)解决:Element-ui 中 Select 选择器下拉框样式及输入框样式的修改问题(背景色透明与悬停背景色变化与下拉框边距变化等操作)

element-ui 组件改变样式

自定义element-ui主题,修改样式

覆盖element-ui原生样式

项目中如何修改element-ui的默认样式 (去除scoped,样式穿透 >>> , less/sass : /deep/)