如何使用 Element UI 更改我的 el 输入中的占位符颜色

Question

我正在使用 vue.js 和元素 ui。我正在尝试更改占位符颜色，但我不知道该怎么做。

已经尝试过但没有用：

.el-input__inner::-webkit-input-placeholder {
   color: #999999;
   font-size: 16px;
}

.el-input__inner:-moz-placeholder {
   color: #999999;
   font-size: 16px;
}

.el-input__inner:-ms-input-placeholder {
    color: #999999;
    font-size: 16px;
}

Answer 1

您的选择器不正确。再次查看选择器并使用 !important

Answer 2

.el-input__inner::placeholder {
  color:  #31E5F5;
}
/* google */
.el-input__inner::-webkit-input-placeholder {
  color:  #31E5F5;
}
/* firefox */
.el-input__inner:-moz-placeholder {
  color:  #31E5F5;
}
/*ie*/
.el-input__inner:-ms-input-placeholder {
  color:  #31E5F5;
}