E::placeholder

E::placeholder { sRules }

• ::placeholder 偽元素用于控制表單輸入框占位符的外觀，它允許開(kāi)發(fā)者/設(shè)計(jì)師改變文字占位符的樣式，默認(rèn)的文字占位符為淺灰色。
• 當(dāng)表單背景色為類(lèi)似的顏色時(shí)它可能效果并不是很明顯，那么就可以使用這個(gè)偽元素來(lái)改變文字占位符的顏色。
• 需要注意的是，除了Firefox是 ::[prefix]placeholder，其他瀏覽器都是使用 ::[prefix]input-placeholder
• Firefox支持該偽元素使用text-overflow屬性來(lái)處理溢出問(wèn)題。

• ::placeholder的使用示例:

  <input type="text" placeholder="占位符" /> input::-webkit-input-placeholder { color: #999; } input:-ms-input-placeholder { // IE10+ color: #999; } input:-moz-placeholder { // Firefox4-18 color: #999; } input::-moz-placeholder { // Firefox19+ color: #999; }

• 淺綠 = 支持
• 紅色 = 不支持
• 粉色 = 部分支持

1. ::-moz-placeholder 偽元素在Firefox 19+替代了之前的 :-moz-placeholder 偽類(lèi)