对于input的placeholder,很多时候的设计图会要求我们更改字体颜色,大小,这里就需要处理兼容问题:
input:-webkit-input-placeholder{
color: red;
font-size: 16px;
}
input::-webkit-input-placeholder{
color: red;
font-size: 16px;
}
input:-ms-input-placeholder{
color:red;
font-size: 16px;
}
input:-moz-placeholder{
color:red;
font-size: 16px;
opacity:1 !important; /*火狐默认有opacity:0.4; */
}
input::-moz-placeholder {
color:red;
font-size: 16px;
opacity:1 !important;
}
对于火狐,改字体颜色的时候一定要加上opacity,因为它的默认透明度是0.4。