el-select是否可以改按钮的颜色?

el-select属于element-ui的标签,需要打开开发者工具,选择这个el-select的样式后看是哪个内部的class,然后对这个内部的class来进行修改。

左上角的图标
 

需要特别注意,这里有两种方法让这个修改生效:
  1)该vue文件的下方再新写一个<style>,里面写样式的东西,并在新增的地方加!important


  2)https://blog.csdn.net/weixin_42024288/article/details/81042575 穿透,参考这个帖子来

 

20180823更新:

这是两个vue页面的样式,都是对el-select来设置背景颜色。都是在各自的vue页面里新加一个<style>,而且不使用scoped。因为这个样式不是在这个vue页面中的,你需要穿透出去改样式。为了避免没有scoped而导致多个vue页面产生互相的影响,需要使用多个class来限制更改的样式。

上两张图中的.contentVisi...和.temp1,都是在各自页面中的el-select外包了一层,从而来限制修改的el-select。尽量不要影响全站的样式。

注意是紧包住。且style中类书写的顺序不能错乱。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值