CSS修改input中placeholder的颜色

278 阅读1分钟
 <input type="text" placeholder="请输入密码" />

修改input中placeholder的提示颜色

/* 通用 */
::-webkit-input-placeholder { color: #f00; }
::-moz-placeholder { color: #f00; }     /* firefox 19+ */
:-ms-input-placeholder { color: #f00; }    /* ie */
input:-moz-placeholder { color: #f00; }   

/* webkit专用 */
input::-webkit-input-placeholder { color:#00f; }
input::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
input::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

/* mozilla专用 */
input::-moz-placeholder { color:#00f; }
input::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
input::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }

修改input的背颜色

.el-input_wrapper {
    background-color: red
}