浏览器禁止选中文字，改变在浏览器上选中文字的背景

最新推荐文章于 2024-03-23 01:24:48 发布

今天2岁

最新推荐文章于 2024-03-23 01:24:48 发布

阅读量222

点赞数

文章标签： css

原文链接：https://blog.csdn.net/qq_31029729/article/details/49760007 https://www.cnblogs.com/jqy518/p/3181359.html

版权

浏览器禁止选中文字

<!DOCTYPE html>
<html>
	<body>
		<div unselectable="on" style="background:#ccc;">unselectable="on"</div>
		<div style="background:#ccc; -webkit-user-select:none;">-webkit-user-select:none;</div>
		<div style="background:#ccc; -moz-user-select:none;">-moz-user-select:none;</div>
		<div style="background:#ccc;" onselectstart="return false;">onselectstart="return false;"</div>
	</body>
</html>

效果
在这里插入图片描述
总结：
给标签设置样式-moz-user-select:none;-webkit-user-select:none;，同时标签设置unselectable="on"，保证各个浏览器都能禁止选中文字。

转载于 https://blog.csdn.net/qq_31029729/article/details/49760007

改变在浏览器上选中文字的背景

我们可以通过 CSS ::Selection

用法

/*Webkit,Opera9.5+,Ie9+*/
  ::selection {
	background: 颜色值；
	color:颜色值；
  }
/*Mozilla Firefox*/
  ::-moz-selection {
	background: 颜色值；
	color:颜色值；
   }

兼容的浏览器：

::selection在IE家族中，只有IE9+版本支持，在Firefox中需要加上其前缀“-moz”，查阅相关w3c官方资料，并没有对这个属性的解说资料，只知道这个属性被规纳在CSS的伪类选择器中

::selection”只能设置两个属性，一个就是background,另一个就是color属性，设置其他属性是没有任何效果的

转载于 https://www.cnblogs.com/jqy518/p/3181359.html

今天2岁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
浏览器禁止选中文字，改变在浏览器上选中文字的背景

浏览器禁止选中文字<!DOCTYPE html><html> <body> <div unselectable="on" style="background:#ccc;">unselectable="on"</div> <div style="background:#ccc; -webkit-user-select:none;">-webkit-user-select:none;</div> <div
复制链接

扫一扫