欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

利用CSS3的特性改變文本選中時(shí)的顏色

  發(fā)布時(shí)間：2013-09-11 11:55:28   作者：佚名   我要評(píng)論
選中文字時(shí)選區(qū)顏色變成了綠色，跟網(wǎng)站整體的綠色風(fēng)格非常協(xié)調(diào)，其實(shí)實(shí)現(xiàn)很簡單利用CSS3的特性，同樣也可以指定部分元素設(shè)置選區(qū)顏色，詳細(xì)如下，喜歡的朋友可以參考下
今天打開TechCrunch的中文網(wǎng)站，選中文字時(shí)選區(qū)顏色變成了綠色，跟網(wǎng)站整體的綠色風(fēng)格非常協(xié)調(diào)。于是對(duì)實(shí)現(xiàn)細(xì)節(jié)感興趣，一探究竟。

實(shí)現(xiàn)很簡單，利用CSS3的特性。

復(fù)制代碼
代碼如下:

::selection{
background-color:#84ca7f;color:#000;
}
::-webkit-selection{
background-color:#84ca7f;color:#000;
}
::-moz-selection{
background-color:#84ca7f;color:#000;
}

同樣可以使用CSS選擇器指定部分元素設(shè)置選區(qū)顏色，例如.maroon::selection。IE系列，我只有IE9，也支持該特性。

我覺得修改選區(qū)默認(rèn)顏色要謹(jǐn)慎，除非能夠像TechCrunch那樣達(dá)到整體風(fēng)格統(tǒng)一。否則可能令用戶不習(xí)慣。

相關(guān)文章

  • CSS3網(wǎng)格的三個(gè)新特性詳解

    在這篇文章中，我們將來看一些CSS3新屬性，從而用HTML和CSS處理網(wǎng)格的時(shí)候更容易。但首先讓我們討論一點(diǎn)HTML和CSS網(wǎng)格的歷史，了解清楚為什么以前很困難
    2014-04-04

  • less讓css具有動(dòng)態(tài)語言的特性

    Less 是一種樣式語言，它將 css 賦予了動(dòng)態(tài)語言的特性，如變量、 繼承、 運(yùn)算、 函數(shù)。less 既可以在客戶端上運(yùn)行（支持IE 6+, Webkit, Firefox），也可以借助 Node.js 或
    2012-11-20

  • 45個(gè)非常奇妙的CSS3 特性應(yīng)用示例

    這篇文字收集了45個(gè)讓人覺得不可思議的 CSS3 應(yīng)用示例，它們驗(yàn)證了 CSS3 Transform 和 Transition 等屬性的強(qiáng)大能力
    2012-01-01

  • CSS 框架BlueTrip特性

    BlueTrip 是一個(gè)想要整合以下優(yōu)點(diǎn)的CSS 框架： 集成了BluePrint & Tripoli 框架的做好的部分； Hartija 的打印樣式； 960.gs的簡潔； Elem
    2009-07-01

  • CSS教程:學(xué)習(xí)CSS的繼承性-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)

    所謂CSS的繼承是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。繼承特性最典型的應(yīng)用通常發(fā)揮在整個(gè)網(wǎng)頁的樣式預(yù)設(shè)，需要指定為其它樣式的部份設(shè)定在個(gè)別元素里即可。這項(xiàng)
    2008-10-17

  • CSS教程:優(yōu)先級(jí)問題的考慮實(shí)例-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)

    　　如果同個(gè)元素有兩個(gè)或以上沖突的CSS規(guī)則，瀏覽器有一些基本的規(guī)則來決定哪一個(gè)非常特殊而勝出。 　　它可能不像其它那么重要，大部分案例你不需要擔(dān)心沖突，但大型
    2008-10-17

  • 容易忽略的CSS特性

    CSS初學(xué)者感到很簡單，沒什么難點(diǎn)，其實(shí)是你還沒深入理解css特性，下面通過本文給大家分享容易忽略的css特性，本文都是小編日常所遇到的坑，非常具有參考借鑒價(jià)值，特此分
    2016-01-08

最新評(píng)論