CSS3 ::selection选择器
一、介紹
之前看到有些網(wǎng)站選中內(nèi)容的顏色和背景色都不是平時看到的藍(lán)色和白色。今天有興趣查看了一下，原來是一個很簡單的CSS3的選擇器::selection的用法。
上例子：
<style>.selectColor::selection{color:#fff;background:pink;}.selectColor::-moz-selection{color:#fff;background:pink;}.selectColor::-webkit-selection{color:#fff;background:pink;} </style> <body><p>普通文本，不設(shè)置::section,選中時文本的顏色為白色，背景色為藍(lán)色</p><p class="selectColor">選擇文本的顏色為白色，背景色為粉色</p> </body>Note:
只能向::selection選擇器應(yīng)用少量CSS屬性：color、background、cursor以及outline。
瀏覽器支持：
IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 選擇器。
Firefox 支持替代的 ::-moz-selection。
二、應(yīng)用舉例
看過djagno文檔的都知道，它的頁面風(fēng)格是這樣的
我選中一部分文字，效果是這樣的
可以看出，整體風(fēng)格很統(tǒng)一，選中文字背景的淺綠色也讓人感覺很舒服，這種細(xì)節(jié)的考慮無疑會提升用戶體驗。
它的樣式也很簡單，就一行
?
我的博客現(xiàn)在也應(yīng)用了這個樣式，哈哈^_^?
?
?
本文作者starof,因知識本身在變化，作者也在不斷學(xué)習(xí)成長，文章內(nèi)容也不定時更新，為避免誤導(dǎo)讀者，方便追根溯源，請諸位轉(zhuǎn)載注明出處：http://www.cnblogs.com/starof/p/4533647.html有問題歡迎與我討論，共同進(jìn)步。
轉(zhuǎn)載于:https://www.cnblogs.com/starof/p/4533647.html
總結(jié)
以上是生活随笔為你收集整理的CSS3 ::selection选择器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： hiho #1044 : 状态压缩·一
- 下一篇： CSS3---选择器