::selection 選擇器

在默認(rèn)情況下,選擇網(wǎng)站文本都是深藍(lán)的背景,白色的字體的,如下圖:現(xiàn)在請你選擇一下本網(wǎng)站的文字看看,是不是發(fā)現(xiàn)是這樣的:變成了透明背景藍(lán)色字體了。 如何實(shí)現(xiàn)的呢?其實(shí)并不難,只是用了::selection偽類選擇器,代碼如下:

::selection { background: #ffffff;color:#2396f0; }

::-moz-selection { background: #ffffff;color:#2396f0; }

::-webkit-selection { background: #ffffff;color:#2396f0; }

注意:::selection只支持background和color兩個(gè)屬性,如果你設(shè)置其他屬性是沒有效果的。詳情查看個(gè)人博客:https://zhirongyuan.github.io/blog/2016/12/24/Blog-entry-one.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 1、垂直對齊 如果你用CSS,則你會(huì)有困惑:我該怎么垂直對齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,207評論 0 11
  • 各種純css圖標(biāo) CSS3可以實(shí)現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,700評論 0 8
  • (1). 陰影模糊半徑與陰影擴(kuò)展半徑的區(qū)別:陰影模糊半徑:此參數(shù)可選,其值只能是為正值,如果其值為0時(shí),表示陰影不...
    Leisure_blogs閱讀 1,538評論 0 6
  • 1、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,658評論 0 7
  • 2017年7月14日 晴 我的聲音和夜晚的風(fēng) 一起一落交錯(cuò)耳孔 哪個(gè)讓夏夜變的生動(dòng) 哪個(gè)藏了我羞澀的愛情 就是因?yàn)?..
    鮮栗子閱讀 74評論 0 0