E::placeholder

E::placeholder { sRules }

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

• ::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 偽類