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>