關閉→
當前位置:知科普>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標籤:#css3 #設置 #placeholder #字體 #