发布于 2年前

CSS设置placeholder字体样式

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后的冒号,有些事单个冒号,有些是双冒号。

©2020 edoou.com   京ICP备16001874号-3