开发笔记—饿了么/element ui组件库的select选择器背景颜色修改

在使用element ui的select组件时,我们想修改这个组件的背景色
开发笔记—饿了么/element ui组件库的select选择器背景颜色修改_第1张图片
想修改成透明的:
开发笔记—饿了么/element ui组件库的select选择器背景颜色修改_第2张图片做法:

 /deep/ .el-input--medium{
      background: transparent;
    }

在类选择器前加上deep深度选择器。

如果还是没有效果,应该是类名错了,你可以用浏览器的查看器查看下,这个select选择器里面的类名,然后找到对应的类名,再深度选中就行。

然后其它的组件也是一样的方法,想修改第三方组件库组件的样式,先用查看器查看该组件的结构,找到对应的类名,然后用深度选择器加类名选中修改

你可能感兴趣的:(开发经验,elementui,vue)