el-cascader样式
时间: 2023-11-10 16:01:55 浏览: 120
uniapp-cascader
el-cascader组件的样式可以通过自定义类名popper-class来设置。在el-cascader标签中添加popper-class属性并设置为自定义的类名,比如"pc-sel-area-cascader"。然后可以在样式表中使用该类名进行样式设置。例如,可以使用下面的代码设置选择器面板与输入框的距离:
```css
.pc-sel-area-cascader[x-placement^='bottom'] {
margin-top: 1px !important;
}
```
另外,还可以设置选中颜色。在style标签中使用lang="less",然后使用自定义的类名".pc-sel-area-cascader"来设置选中颜色的样式:
```less
.pc-sel-area-cascader {
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
color: #4e5ef1;
}
}
```
阅读全文