el-option 外观修改
时间: 2023-12-07 16:36:10 浏览: 89
el-option 是一个下拉列表中的选项,它的外观可以通过设置其父元素 el-select 的 popper-class 属性来进行修改。您可以在 CSS 文件或 <style> 块中设置 .dropdown 类的样式,以更改下拉列表的外观(例如背景颜色、字体颜色等)。同时,您也可以通过设置 .el-select-dropdown__item 类的样式来修改选项的外观,例如修改选项的颜色、背景色等。以下是一个示例样式,它为具有 dropdown 类的下拉列表添加了一些基本样式:
```
.dropdown {
background-color: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 14px;
padding: 8px 12px;
}
.dropdown {
background: linear-gradient(248deg, #3C556A 0%, #173046 100%);
color: #a2d5e5;
border: 1px solid #5E7788;
box-sizing: border-box;
z-index: 99999 !important;
// box-shadow: 0px 0px 78px rgba(1, 194, 255, 0.4) inset;
.el-select-dropdown__item {
color: #a2d5e5;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
background-color: #173046 !important;
box-shadow: 0px 0px 78px rgba(1, 194, 255, 0.4) inset;
}
}
```
阅读全文