修改el-select 右侧图标样式和边框颜色

需求: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);
}

猜你喜欢

转载自blog.csdn.net/DevelopmentW/article/details/127005536