成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

如何給input、textarea的placeholder屬性設(shè)置字體顏色?

104828720 / 448人閱讀

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

代碼如下:
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+ */
}

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/110909.html

相關(guān)文章

  • 前端遇到那些技術(shù)難點(diǎn)

    摘要:目前主流的屏幕或者。產(chǎn)生原因在中,手指按住屏幕上下拖動(dòng),會(huì)觸發(fā)事件?;蛘呖梢约尤胛业拈_(kāi)發(fā)交流群相互學(xué)習(xí),我們會(huì)有專業(yè)的技術(shù)答疑解惑如果你覺(jué)得這篇文章對(duì)你有點(diǎn)用的話,麻煩請(qǐng)給我們的開(kāi)源項(xiàng)目點(diǎn)點(diǎn)不勝感激 移動(dòng)端兼容css篇移動(dòng)端的 1px問(wèn)題描述:1px 的邊框。在高清屏下,移動(dòng)端的 1px 會(huì)很粗。產(chǎn)生原因:首先先要了解一個(gè)...

    番茄西紅柿 評(píng)論0 收藏2637
  • 解決inputplaceholder那些神坑

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

    chnmagnus 評(píng)論0 收藏0
  • 解決inputplaceholder那些神坑

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

    bigdevil_s 評(píng)論0 收藏0
  • 解決inputplaceholder那些神坑

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

    ingood 評(píng)論0 收藏0
  • [總結(jié)]CSS/CSS3常用樣式與web移動(dòng)端資源

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

    The question 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<