CSS设置input placeholder文本的样式

placeholder是HTML5  input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。

下面是设置placeholder的文本样式的选择器的示例:

/* webkit 浏览器*/
#field::-webkit-input-placeholder {
    font-style:italic;
    text-decoration:overline;
    letter-spacing:3px;
    color:#999;
}
/* 火狐浏览器 */
#field::-moz-placeholder {
    font-style:italic;
    text-decoration:overline;
    letter-spacing:3px;
    color:#999;
}

当然,和CSS设置::selection选中文本样式一样,你只能设置几个和文本有关系的CSS样式:Color, font-style, font-varian, background, text-decoration

PS:IE从IE 10才开始支持placeholder属性,伪选择器名字还不得而知,估计是加前缀-ms-了

原文地址:https://www.cnblogs.com/jronny/p/5917704.html