How can I change the placeholder color from my el-input with Element UI-CodePudding

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

CodePudding user response：

your selector is not correct. take a look at the selector again and use !important

CodePudding user response：

try this out it might help you it works for me