el-select 下拉框自定义背景颜色

需求：根据后端返回的颜色值，渲染不同的背景颜色
实现效果：

 <el-selectstyle="width: auto; max-width: none"v-model="sourceId"clearable:placeholder="$t('NeoLight.select')"@change="getSource(sourceId)"><el-optionv-for="item in sourceOptions":key="item.sourceId":label="item.sourceName":value="item.sourceId"v-html="'<div style=background-color:' + item.taskColor + ';width:' + '100%' + ';height:' + '90%' +  '>' +  item.sourceName + '</div>'" ></el-option></el-select>

el-select 下拉框自定义背景颜色相关推荐

html下拉菜单换背景颜色,无下拉箭头的Select下拉框实现更换背景颜色
无下拉箭头的Select下拉框实现更换背景颜色_网页代码站(www.webdm.cn) 徹底無下拉箭頭的Select選框支持IE-Firefox-Chrome for (i=1; i<13; i ...
html select滚动条样式修改,如何定义Select下拉框的边框颜色和滚动条样式
如何定义Select下拉框的边框颜色和滚动条样式 (2012-11-07 15:00:25) 标签: 定义select下拉框 select定义css不显示杂谈如何定义Select下拉框的边框颜色和 ...
如何定义Select下拉框的边框颜色和滚动条样式
下面是从网上搜的,记录一下.... 方法一:只定义下拉框边框样式. <span style="position:absolute;border:1px solid #000000;wi ...
Element UI select 下拉框样式覆盖
因为我需要写一个大屏页面,然后需要用到select框,我想把select下拉选项的背景颜色改成透明,然后我想覆盖掉它本身的样式.我本来想改变el-select-dropdown的样式,即使使用了 /d ...
CSS-解决苹果点击高亮、安卓select灰色背景（select下拉框在IOS中背景变黑、出现阴影问题）
CSS-解决苹果点击高亮.安卓select灰色背景(select下拉框在IOS中背景变黑.出现阴影问题) 参考文章: (1)CSS-解决苹果点击高亮.安卓select灰色背景(select下拉框在IO ...
layui下拉框怎么获取自定义值_layui如何得到select下拉框选中的值？
layui如何得到select下拉框选中的值?下面本篇文章介绍一下layui取得select下拉框选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui如何得到se ...
html 下拉框高度,如何自定义设置select下拉框高度的优化方法
在项目开发中经常会遇到select下拉框优化问题,默认的样式简直难看到死,所以大家都会想到去设置select高度问题,当然一些组件或者插件也可以实现对其完美优化,我之前的一篇文章也写到了相关优化方法& ...
Vue+EleMentUI实现el-table-colum表格select下拉框可编辑
说明: 在进行采购入库的过程中,有必要对表格中的一行进行快速编辑保存,节省时间,提高工作效率!,而不是每次编辑都要弹窗才可编辑源码:https://gitee.com/charlinchenlin/ ...
layui怎么给下拉框赋值_layui给select下拉框赋值
转: layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = la ...

el-select 下拉框自定义背景颜色

el-select 下拉框自定义背景颜色相关推荐

最新文章

热门文章