element-ui中el-input需要改變placeholder的字體顏色

如下所示，需要改變輸入框中默認文字的字體顏色，

input::-webkit-input-placeholder {
    color: #c0c4cc;
  }
  input::-moz-input-placeholder {
    color: #c0c4cc;
  }
  input::-ms-input-placeholder {
    color: #c0c4cc;
  }

在vue文件中加上上面代碼就可以實現改變輸入框中默認文字顏色了，

如果不生效，可以試一下在前面加上/deep/應該就可以了。

 

html代碼有如下兩種，即使用input/el-input，都可以使用上面的代碼。

<el-form-item prop="password">
      <input @keyup.enter="login" type="password" :value="pwd" @input="setPwd" placeholder="請輸入密碼">
</el-form-item>


<el-form-item label="" prop="userName">
     <el-input v-model="form.userName" placeholder="用戶名"></el-input>
</el-form-item>