::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