设置css使文字不能被选中

最新推荐文章于 2024-11-02 14:54:32 发布

原创最新推荐文章于 2024-11-02 14:54:32 发布 · 563 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #css #css3 #less #sass

学习篇专栏收录该内容

36 篇文章

订阅专栏

这篇博客介绍了如何通过CSS定义`.no-select`类来禁止页面上的元素被用户选中。代码示例展示了在各种浏览器环境下实现这一功能的方法，包括-webkit-、-moz-、-ms-和标准的user-select属性。

定义类名"no-select"，在需要使用不能被选中的地方添加该类名

.no-select{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Yongqiang Chen

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

CSS如何美化被选中的文字

09-24

上面的CSS规则使用了类选择器（如highlightBlue和highlightPink），允许我们对页面中不同部分的文字选中样式进行定制。此外，还可以通过其他样式属性进一步美化选中文字的视觉效果，例如更改文字颜色、添加阴影效果...

CSS设置选中网页文字时的背景和颜色

12-06

网页中文字的选中效果是页面交互中非常常见的一种状态，CSS提供了方式让我们可以自定义文字选中时的样式，使得用户界面更加友好和符合设计要求。首先，我们来了解浏览器对于文字选中样式的默认显示效果。当用户在...

参与评论您还未登录，请先登录后发表或查看评论

CSS中如何设置文字不能被选中

kerryqpw的博客

03-12

924

CSS中如何设置文字不能被选中 web网页中常常会有这样的需求，网页中的文字不能被选中复制，防止文字或者文字被粘贴复制可采用如下方法实现该需求： /*设置文字不能被选中以下为css样式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; use...

【css技巧】css设置文字不能被选中

liyananweb的博客

01-09

3763

请注意，这可能会影响用户的体验，因为它限制了用户与页面上内容交互的能力。在某些情况下，例如按钮或交互式控件上，这可能是合适的，但在其他情况下，最好允许用户选择和复制文本。这个属性可以控制用户是否能够选择文本。在CSS中，如果你想让文本内容不能被用户选中，可以使用。

CSS 文本设置可选中和不可选中

weixin_51951576的博客

12-18

1959

如果仍然不能进行选中，可能的原因是其他 CSS 样式或 JavaScript 代码导致无法选择文本，例如全局CSS的代码文件设置了。覆盖了你的样式导致了样式失效，文本不能选中。

CSS 不可选中文字

臧小川的博客

07-28

986

Document 我是一段不愿意分享的文字 // 1 contextmenu 我们可以禁用右键菜单

CSS文字不可选中

MAXLZ的博客

12-09

887

.text_noselect{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

css 让文字不被选中之-moz-user-select 属性介绍

01-21

而在firefox下，文字不会被选中，查看google calender的css，原来还有-moz-user-select这个属性，很好玩！最后采用一个了js方法，即onselectstart=function{return false;}，不让页面进行选择，呵呵，这是很多网站...

js、css设置不可选中用法

wzp20092009的博客

12-12

6741

我们在项目中常常会遇到一些内容不希望被用户选中，最简便的方法便是css，也可以通过js来实现效果 css使用属性user-select user-select是一个css属性，控制用户能否选中文本，如果不希望选中可以使用参数none来设置，使用时记得加前缀 body{ -moz-user-select:none; /* 火狐 */ -webkit-user-select:none; /* 谷...

css设置禁止文字被选中

热门推荐

aboboo520的博客

07-09

2万+

// 禁止文字被鼠标选中 moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;

css 禁止用户选中元素

weixin_64684095的博客

11-02

1387

可以直接应用于特定的元素，阻止用户选中该元素的文本内容。然后在 HTML 中，将这个类应用到需要禁止选中的元素上。

CSS设置不可选中 - select 文字不可选中

Rudon滨海渔村的博客

01-19

807

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

css如何设置文本不能被选中

m0_46390103的博客

10-21

533

css如何设置文本不能被选中

css设置页面文字不能被选中

芊芊寻的博客

11-01

2万+

实现通过css实现页面文字不能被选中 .cannotselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select...

【css】CSS设置文字不能被选中

wjx_jasin的博客

06-08

659

CSS设置文字不能被选中/*设置文字不能被选中以下为css样式*/-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;

css禁止选中文本

WangJiangNan17214的博客

04-14

739

HTML代码 //html 代码 Selectable text. Unselectable text. css 代码 .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtm

CSS——设置页面中文字不能选中

月来better

08-03

3153

在页面中的文字不能选中，需要在样式中设置以下属性： -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;

css：禁止文本选中

weixin_40968646的博客

02-21

474

【代码】【无标题】

纯CSS实现禁止网页文本被选中

wuxiaopengnihao1的博客

08-24

1194

本文章向大家介绍CSS如何实现禁止文本被选中。其主要使用到css的user-select属性。需要的朋友可以参考一下。

el-upload 文字不被选中