Search code examples
javascriptcssvue.jsvuejs2element-ui

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

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

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