如何設定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瀏覽器還是使用單冒號的寫法。