此篇笔记记录如何利用伪元placeholder选择器改变占位符的样式。
placeholder是HTML5 input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。

样式示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
input::-webkit-input-placeholder { /* WebKit browsers */
line-height: 1.5em;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
line-height: 1.5em;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
line-height: 1.5em;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
line-height: 1.5em;
}