修改el-select 右侧图标样式和边框颜色_element ui选择框修改右边箭头

作者：Gausst松鼠会 | 2024-02-14 22:01:02

踩

element ui选择框修改右边箭头

需求：elementui 下拉框修改边框颜色和右侧图标样式

1、修改后效果
在这里插入图片描述

/*右侧图标样式  \e790下箭头图标*/
.el-select .el-input .el-select__caret.el-input__icon::before {
  content: "| \e790";  
  color: #FD724E;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*如果不设置图标下拉时是反的*/
.el-select .el-input .el-select__caret {
  transform: rotateZ(0deg);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/81969