今天项目中有需求修改input输入框的样式,刚开始以为直接写color属性就可以了,后来发现不行,百度了一下,如下所示:
input::-webkit-input-placeholder{
color:#FFF;
opacity: 0.5;
}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */
color:#FFF;
opacity: 0.5;
}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:#FFF;
opacity: 0.5;
}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#FFF;
opacity: 0.5;
}
需要兼容各种浏览器