Modification of el-input style in element UI

Take  el-select as an example to modify the styles of the el-input input box and the el-select drop-down box, as follows:

/** 修改表单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;
}

The test works! ! !