使用::selection改变文字被选中后的颜色 在CSS中,::selection伪元素用于定义用户选中(如使用鼠标拖动选择)文本时的样式。你可以使用它来改变文字被选中后的背景色、文字颜色等。然而,需要注意的是,::selection伪元素主要支持改变背景色(background-color)和颜色(color),并且这些改变仅适用于用户实际选中的文本区域。 以...
CSS3新增的伪::selection,可以帮助我们来改变选择文本的颜色和背景。 ::selection{color:#333;background-color:#cca2da;} ::-moz-selection{color:#333;background-color:#cca2da;} ::-webkit-selection{color:#333;background-color:#cca2da;} 1. 2. 3. 下面这个图来源于网络,主要测试了部分浏览器的...
::selection CSS伪元素将样式应用于用户已突出显示的文档部分(例如,在文本上单击并拖动鼠标)。 要使用::selection伪类,只需执行以下操作: p::selection{color:#fff;background-color:#000; } ::selection支持的属性 值得注意的是::selection仅支持color,background和text-shadow属性。 自定义选择 如果我们想要自定义...
CSS3-::selection “::selection”只能设置两个属性,一个就是background,另一个就是color属性,设置其他属性是没有任何效果的。 ::selection使用语法: /*Webkit,Opera9.5+,Ie9+*/::selection{background:颜色值; color:颜色值; }/*Mozilla Firefox*/::-moz-selection{background:颜色值; color:颜色值; } 兼...
使用background-blend-mode 属性将滤镜颜色与背景图像进行混合,实现滤镜效果。 以下是一个示例代码: HTML: 代码语言:txt 复制 这是一段需要选中的文本 CSS: 代码语言:txt 复制 .filter { background-color: #ff0000; /* 滤镜颜色 */ width: 200px; height: 200px; position:...
简介:css:selection自定义用户选中部分背景颜色样式 实现效果 当用户选中页面中的文字,修改默认的文字颜色和背景色 演示代码 .main{text-align: center;}.content {white-space: pre-line;margin-top: 20px;}/* E9+, Opera, Google Chrome和Safari */.content::selection {color: #ffffff;background-color: ...
CSS3新增的伪::selection,可以帮助我们来改变选择文本的颜色和背景。 ::selection{color:#333;background-color:#cca2da;} ::-moz-selection{color:#333;background-color:#cca2da;} ::-webkit-selection{color:#333;background-color:#cca2da;}
color:#555; } ::-moz-selection { background:#d3d3d3; color:#555; } ::-webkit-selection { background:#d3d3d3; color:#555; } 于是,文本选中的默认蓝色背景就此变成了淡灰色,如下图所示,截自Chrome浏览器: 当然,我们可以使用CSS选择器指定特定标签内容文字选中后的样式状态,例如下面所展示的栗色选中...
color: #fff; background: #dda0dd; text-shadow: 1px 1px 2px #b040b0; } /* For Mozilla Firefox */ ::-moz-selection { color: #fff; background: #dda0dd; text-shadow: 1px 1px 2px #b040b0; } 关于“怎么使用CSS::selection伪元素”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多...
background:maroon; color:#fff; } .maroon::-moz-selection { background:maroon; color:#fff; } .maroon::-webkit-selection { background:maroon; color:#fff; } 同样的,你可以根据自己的需要,指定CSS选择器以及对应内容文字/图片等的选中样式,这里就不一一举例了。