如何設置css3中placeholder的字體顏色

placeholder屬性是css3中新增加的屬性，IE9和Opera12以下版本的CSS選擇器均不支持佔位文本。那麼怎樣設置它的默認字體顏色呢？

操作方法

（01）因為每個瀏覽器的CSS選擇器都有所差異，所以需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫input和textarea)。::-webkit-input-placeholder { /* WebKit browsers */color:#999;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999;}::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;}:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}

（02）還可以寫成下面這樣：input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}

（03）知識點：單冒號(:)用於CSS3偽類，雙冒號(::)用於CSS3偽元素。css偽類：CSS 偽類用於向某些選擇器添加特殊的效果。css偽元素：CSS 偽元素用於向某些選擇器設置特殊效果。偽元素由雙冒號和偽元素名稱組成。雙冒號是在當前規範中引入的，用於區分偽類和偽元素。但是偽類兼容現存樣式，瀏覽器需要同時支持舊的偽類， 如:first-line,:first-letter,:before,:after等等。因此對於css2之前已經有的偽元素兩種寫法的作用是一樣的，但是為了兼容IE瀏覽器還是使用單冒號的寫法。

特別提示

本文由言小魚整理併發布，如果您感覺有用請投一票哦！