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>