Im using vue.js and element ui. Im trying to change the placeholder color but i dont know how to do that.
Already tried this but not working:
.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;
}
your selector is not correct. take a look at the selector again and use !important
.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;
}