placeholder 屬性
placeholder(占位符)在實際的應用中非常常見,主要用作提示輸入內容,現代瀏覽器都支持:
<input placeholder="搜索" type="text">
placeholder 樣式
這里網上搜索了一下 placeholder 樣式相關知識,分享一下:
/* all */ ::-webkit-input-placeholder { color:#f00; } ::-moz-placeholder { color:#f00; } /* firefox 19+ */ :-ms-input-placeholder { color:#f00; } /* Internet Explorer 10+ */ :-moz-placeholder { color:#f00; } /* firefox 14-18 */ /* webkit 私有 */ #field2::-webkit-input-placeholder { color:#00f; } #field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } #field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } /* mozilla 私有 */ #field2::-moz-placeholder { color:#00f; } #field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } #field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
可以看出placeholder 偽類樣式還是相對豐富的。