如何使用 Element UI 從我的 el-input 更改占位符顏色

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;
}