Element UI select 下拉框样式覆盖

因为我需要写一个大屏页面，然后需要用到select框，我想把select下拉选项的背景颜色改成透明，然后我想覆盖掉它本身的样式。我本来想改变el-select-dropdown的样式，即使使用了 /deep/ 和样后面加 !important，并没有卵用，还发现select下拉框实在最外层的，如下图：

然后我就找了另外一种方法，创建一个新的类，如下图：

然后对这个样式类进行样式修改

如下图：

然后这样就可以了！

Element UI select 下拉框样式覆盖相关推荐

使用element ui select下拉框多选，编辑状态下回显数据
最近在做一个项目,项目的后端是地址:https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://github ...
解决element ui select下拉框不回显数据问题
最近在做一个项目,项目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://githu ...
element UI select下拉选项位置问题
element UI select下拉选项位置问题在使用elementUI下拉选项时,可能存在下拉时下拉列表选项框的位置距离下拉框所在的位置距离过大,这个是由于elementUI自己设置的根据下拉框 ...
html select 样式t调整_css修改html select下拉框样式(含右边箭头)
css修改html select下拉框样式(含右边箭头)2017-10-12 16:51 我们经常会看到一些页用用的select下拉框非常漂亮,其实很多是用插件实现的. 如果不使用插件,靠纯css能不 ...
Vue实现Element UI的下拉框默认选中，值来自父组件或异步获取
子组件使用watch监听父组件传过来的值,并且赋值给子组件的data参数. 1.父组件传了一个userId属性给子组件 <Children@searchForm="searchForm ...
解决IOS select下拉框样式
文章目录问题解决方法问题一般来说,在ios端,对于select下拉框会默认出现黑色背景,input输入框上面出现阴影,导致用户体验感不是很好,总体原因是ios中对透明度渲染的效果不是很好. 会 ...
如何实现自定义下拉组件，select下拉框样式自定义，带搜索的select下拉框
1.实现的效果 2.实现说明 3.完整代码一.实现的效果: 二.实现说明: 1.由于无法修改原生select中的option样式,因此自己通过ul,li实现下拉列表,用input实现回显框: inp ...
element 中select下拉框和el-popover下拉框位置偏移的情况
出现改问题的原因是下拉的定位信息在body中,只需要将定位置于父组件即可解决. <el-select :teleported="false" v-model="d ...
兼容火狐浏览器的select下拉框样式
经常遇到这样的问题,在使用bootstrap框架的时候select选择框的样式在火狐浏览器上继承的是浏览器本身的样式,跟谷歌等其他的浏览器样式对比很难看,并且很难调整,但是! 好东西来了,现在能调成跟 ...

Element UI select 下拉框样式覆盖

Element UI select 下拉框样式覆盖相关推荐

最新文章

热门文章