element UI 中 el-input 样式修改

以 el-select 为例 修改 el-input 输入框和 el-select 下拉框的样式,如下:

/** 修改表单label字体颜色*/
/deep/ .el-form-item__label {
  color: #00D4FF;
}
/**改变input里的字体颜色*/
/deep/ input::-webkit-input-placeholder {
  color: #00D4FF;
  font-size: 12px;
}
/**改变input框背景颜色*/
/deep/ .el-input__inner {
  background-color: transparent !important;
}
/**修改边框和字体颜色 */
/deep/ .el-select {
  position: relative;
  /** 修改输入框透明及选择完字体颜色更改*/
  .el-input {
    input {
      border-color: #235FA7;
      color: #00D4FF;
    }
  }
}
/** 修改下拉框字体颜色*/
/deep/ .el-select-dropdown__item {
  color: white;
}
/** 修改下拉框选中字体颜色*/
.selected {
  color: #00D4FF;
}

测试有效!!!

猜你喜欢

转载自blog.csdn.net/qq_38543537/article/details/131164206