關閉→
當前位置:知科普>IT科技>如何設定css3中placeholder的字型顏色

如何設定css3中placeholder的字型顏色

知科普 人氣:1.26W
placeholder屬性是css3中新增加的屬性,IE9和Opera12以下版本的CSS選擇器均不支援佔位文字。那麼怎樣設定它的默認字型顏色呢?接下來就爲大家介紹一下設定css3中placeholder的字型顏色的方法。

如何設定css3中placeholder的字型顏色

方法

因爲每個瀏覽器的CSS選擇器都有所差異,所以需要針對每個瀏覽器做單獨的設定(可以在冒號前面寫input和textarea)。

如何設定css3中placeholder的字型顏色 第2張

還可以寫成下面這樣:

如何設定css3中placeholder的字型顏色 第3張

知識點:


單冒號(:)用於CSS3僞類,雙冒號(::)用於CSS3僞元素。
css僞類:CSS 僞類用於向某些選擇器添加特殊的效果。
css僞元素:CSS 僞元素用於向某些選擇器設定特殊效果。


僞元素由雙冒號和僞元素名稱組成。雙冒號是在當前規範中引入的,用於區分僞類和僞元素。但是僞類相容現存樣式,瀏覽器需要同時支援舊的僞類, 如:first-line,:first-letter,:before,:after等等。因此對於css2之前已經有的僞元素兩種寫法的作用是一樣的,但是爲了相容IE瀏覽器還是使用單冒號的寫法。

如何設定css3中placeholder的字型顏色 第4張

效果如下圖所示:

如何設定css3中placeholder的字型顏色 第5張
TAG標籤:#設定 #placeholder #css3 #字型 #