如何給input、textarea的placeholder屬性設置字體顏色？

104828720 發(fā)布于2019-08-28 17:56 / 526人閱讀

摘要：偽元素偽元素用于向某些選擇器設置特殊效果。雙冒號是在當前規(guī)范中引入的，用于區(qū)分偽類和偽元素。但是偽類兼容現(xiàn)存樣式，瀏覽器需要同時支持舊的偽類，如等等。

代碼如下：
input::-webkit-input-placeholder {
color: #D6D0CA !important; /* WebKit browsers /
}
input:-moz-placeholder {
color: #D6D0CA !important; / Mozilla Firefox 4 to 18 /
}
input::-moz-placeholder {
color: #D6D0CA !important; / Mozilla Firefox 19+ /
}
input:-ms-input-placeholder {
color: #D6D0CA !important; / Internet Explorer 10+ */
}

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

偽元素和偽類的區(qū)別詳解請看 http://segmentfault.com/blog/stephenlee/1190000000484493

GPU云服務器云服務器字體顏色設置 html設置顏色字體 html的字體顏色如何給網(wǎng)頁設置cdn

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/110909.html

前端遇到的那些技術(shù)難點

摘要：目前主流的屏幕或者。產(chǎn)生原因在中，手指按住屏幕上下拖動，會觸發(fā)事件。或者可以加入我的開發(fā)交流群相互學習，我們會有專業(yè)的技術(shù)答疑解惑如果你覺得這篇文章對你有點用的話，麻煩請給我們的開源項目點點不勝感激移動端兼容css篇移動端的 1px問題描述：1px 的邊框。在高清屏下，移動端的 1px 會很粗。產(chǎn)生原因：首先先要了解一個...

番茄西紅柿 2021-11-22 15:29 評論0 收藏2637
解決input 中placeholder的那些神坑

摘要：昨天后臺小哥哥提到無法顯示問題，我這邊總結(jié)一下，順便寫個小文章分享給大家。。 **昨天后臺小哥哥提到placehold無法顯示問題，我這邊總結(jié)一下，順便寫個小文章分享給大家。。** ============================================== 一、解決ie9以下input 無placeholder問題解決方案一：jquery實現(xiàn) 當瀏覽器不支持...

chnmagnus 2019-08-29 16:56 評論0 收藏0
解決input 中placeholder的那些神坑

摘要：昨天后臺小哥哥提到無法顯示問題，我這邊總結(jié)一下，順便寫個小文章分享給大家。。 **昨天后臺小哥哥提到placehold無法顯示問題，我這邊總結(jié)一下，順便寫個小文章分享給大家。。** ============================================== 一、解決ie9以下input 無placeholder問題解決方案一：jquery實現(xiàn) 當瀏覽器不支持...

bigdevil_s 2019-08-02 11:41 評論0 收藏0
解決input 中placeholder的那些神坑

摘要：昨天后臺小哥哥提到無法顯示問題，我這邊總結(jié)一下，順便寫個小文章分享給大家。。 **昨天后臺小哥哥提到placehold無法顯示問題，我這邊總結(jié)一下，順便寫個小文章分享給大家。。** ============================================== 一、解決ie9以下input 無placeholder問題解決方案一：jquery實現(xiàn) 當瀏覽器不支持...

ingood 2019-08-23 12:17 評論0 收藏0
[總結(jié)]CSS/CSS3常用樣式與web移動端資源

摘要：不允許負值用百分比來定義縮放比例。解決這個很簡單，在父元素中使用即可解決該。列寬度由單元格內(nèi)容設定。定義僅有大寫字母。不過，要讓任何元素生效還得借助于一點點。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼：第一段文字選中效果第二段文字選中效果 css代碼： .p1::selection{background:red;color:#fff;} .p2::selec...

The question 2019-08-28 17:54 評論0 收藏0