利用CSS3的特性改變文本選中時的顏色
發(fā)布時間：2013-09-11 11:55:28 作者：佚名 
我要評論
我要評論選中文字時選區(qū)顏色變成了綠色，跟網站整體的綠色風格非常協調，其實實現很簡單利用CSS3的特性，同樣也可以指定部分元素設置選區(qū)顏色，詳細如下，喜歡的朋友可以參考下
今天打開TechCrunch的中文網站，選中文字時選區(qū)顏色變成了綠色，跟網站整體的綠色風格非常協調。于是對實現細節(jié)感興趣，一探究竟。
實現很簡單，利用CSS3的特性。
::selection{
background-color:#84ca7f;color:#000;
}
::-webkit-selection{
background-color:#84ca7f;color:#000;
}
::-moz-selection{
background-color:#84ca7f;color:#000;
}
同樣可以使用CSS選擇器指定部分元素設置選區(qū)顏色，例如.maroon::selection。IE系列，我只有IE9，也支持該特性。
我覺得修改選區(qū)默認顏色要謹慎，除非能夠像TechCrunch那樣達到整體風格統(tǒng)一。否則可能令用戶不習慣。
實現很簡單，利用CSS3的特性。
復制代碼
代碼如下:::selection{
background-color:#84ca7f;color:#000;
}
::-webkit-selection{
background-color:#84ca7f;color:#000;
}
::-moz-selection{
background-color:#84ca7f;color:#000;
}
同樣可以使用CSS選擇器指定部分元素設置選區(qū)顏色，例如.maroon::selection。IE系列，我只有IE9，也支持該特性。
我覺得修改選區(qū)默認顏色要謹慎，除非能夠像TechCrunch那樣達到整體風格統(tǒng)一。否則可能令用戶不習慣。
相關文章
- 在這篇文章中，我們將來看一些CSS3新屬性，從而用HTML和CSS處理網格的時候更容易。但首先讓我們討論一點HTML和CSS網格的歷史，了解清楚為什么以前很困難2014-04-04
- Less 是一種樣式語言，它將 css 賦予了動態(tài)語言的特性，如變量、 繼承、 運算、 函數。less 既可以在客戶端上運行（支持IE 6+, Webkit, Firefox），也可以借助 Node.js 或2012-11-20
- 這篇文字收集了45個讓人覺得不可思議的 CSS3 應用示例，它們驗證了 CSS3 Transform 和 Transition 等屬性的強大能力2012-01-01
- BlueTrip 是一個想要整合以下優(yōu)點的CSS 框架： 集成了BluePrint & Tripoli 框架的做好的部分； Hartija 的打印樣式； 960.gs的簡潔； Elem2009-07-01
CSS教程:學習CSS的繼承性-CSS教程-網頁制作-網頁教學網
所謂CSS的繼承是指被包在內部的標簽將擁有外部標簽的樣式性質。繼承特性最典型的應用通常發(fā)揮在整個網頁的樣式預設，需要指定為其它樣式的部份設定在個別元素里即可。這項2008-10-17CSS教程:優(yōu)先級問題的考慮實例-CSS教程-網頁制作-網頁教學網
如果同個元素有兩個或以上沖突的CSS規(guī)則，瀏覽器有一些基本的規(guī)則來決定哪一個非常特殊而勝出。 它可能不像其它那么重要，大部分案例你不需要擔心沖突，但大型2008-10-17- CSS初學者感到很簡單，沒什么難點，其實是你還沒深入理解css特性，下面通過本文給大家分享容易忽略的css特性，本文都是小編日常所遇到的坑，非常具有參考借鑒價值，特此分2016-01-08