css selection改變文字反選的背景顏色

來源:互聯網
上載者:User

採用css selection改變文字反選的背景顏色的方法!

在電腦操作中經常會有反選出現,系統一般會根據選擇地區的顏色,顯示出補色。但windows預設的文字選擇時,背景為藍色,前景色彩為白色,如果背景是深色,則文字為藍色,背景變成白色。如所示:

反選後預設的樣式

能不能改變選擇的預設顏色呢,也許很多人對這個問題不是很在意,也可能你早就見到過這個效果了,但是卻忽略了。

PPK給出了如下的CSS代碼:

::-moz-selection{ /*針對Firefox*/
background:#cc0000;
color:#fff;
}

::selection {
background:#cc0000;
color:#fff;
}

code::-moz-selection { /*code是標籤選取器,可以換成p或span等*/
background: #333333;
}

code::selection {
background: #333333;
}

通過以上代碼可以看出,你完全可以給不同的容器定義不同的反選背景顏色。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.