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中类书写的顺序不能错乱。

Logo

前往低代码交流专区

更多推荐