运用CSS3的特点更改文字选定时的色调

2021-01-20 10:53 jianzhan
今日开启TechCrunch的汉语网站,选定文本时选区色调变为了翠绿色,跟网站总体的翠绿色设计风格十分融洽。因而对完成细节感兴趣爱好,1研究竟。

完成很简易,运用CSS3的特点。

拷贝编码
编码以下:

::selection{
background-color:#84ca7f;color:#000;
}
::-webkit-selection{
background-color:#84ca7f;color:#000;
}
::-moz-selection{
background-color:#84ca7f;color:#000;
}

一样可使用CSS挑选器特定一部分元素设定选区色调,比如.maroon::selection。IE系列,我仅有IE9,也适用该特点。

我感觉改动选区默认设置色调要慎重,除非可以像TechCrunch那样做到总体设计风格统1。不然将会令客户不习惯性。