CSS设置placeholder字体样式

时间:2021-02-18 17:51:35

CSS标准里是没有直接对placeholder设置样式的选择器,这里主要是通过各个浏览器的兼容前缀来给输入框的placeholder设置字体样式。

/* WebKit browsers*/ 
input::-webkit-input-placeholder { 
  color:#999;
    font-size:14px;
}

/* Mozilla Firefox 4 to 18*/
input:-moz-placeholder {   
  color:#999;
    font-size:14px;
}

/* Mozilla Firefox 19+*/
input::-moz-placeholder {   
  color:#999;
    font-size:14px;
}

/* Internet Explorer 10+*/
input:-ms-input-placeholder {  
  color:#999;
    font-size:14px;
}

注意:input后的冒号,有些事单个冒号,有些是双冒号。