如下所示,需要改变输入框中默认文字的字体颜色,
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>