css控制页面文字不能被选中user-select:none;

html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中。

给该元素设置css即可:user-select:none;

<p style="user-select:none">不让选中的文字</p>

原文地址:https://www.cnblogs.com/djjlovedjj/p/9929063.html

时间: 2024-10-08 01:41:00

css控制页面文字不能被选中user-select:none;的相关文章

第二章 使用CSS控制页面

本章主要介绍:如何使用CSS控制页面,以及其控制页面的各种方法,包括行内样式.内嵌式.链接式和导入式等,最后讨论各种方式的优先级问题 1.行内样式 行内样式是所有样式方法中最为直接的一种,直接对HTML的标记使用Style属性,然后将CSS代码直接写在其中. <html> <head> <title> 页面标题</title> </head> <body> <p style="color:#ff0000;font-si

XHTML+CSS基础知识(四):用CSS控制页面

1.CSS写入页面的方法有哪些? 行内式:直接在标签当中利用style属性来写样式表. 内嵌式:将所有的样式表提取出来放到网页头部的style标签当中. 链接式:将样式表单独写成一个.css文件,利用link标签在网页头部引用,W3C标准推荐. 导入式:利用@import来引入样式表,由于效率等等问题已经被淘汰 2.CSS样式表的优先级? 理论上:行内样式>内嵌样式>链接样式>导入样式 实际上:就近原则,内嵌.链接.导入在同一个文件的头部,谁距离相应的代码近,谁的优先级别就更高一些.相当

通过CSS控制页面中的内容垂直居中的方法

方法一:通过行高(line-height)定位 line-height通常是用于调节一段文字的行与行之间的距离,或者说两行文字之间的距离,如果行高是500px,那么每一行中的文字距离本行的顶部就是250px,如果将文字的行高设为500px,并且外面的容器高度也设为500px,就可以实现这行文字垂直居中,这样做的缺点是如果内容过多,文字就跑到了下一行,就不是居中了,所以限制较多. 具体代码: <html> <head> <style> body { margin: 0;

css控制页面打印(分页、屏蔽不需要打印的对象)

样式: <style   media="print">     .Noprint   {   DISPLAY:   none;}     .PageNext   {   PAGE-BREAK-AFTER:   always   }   </style> 注: ①.不需要打印的对象要用上“Noprint”样式. ②.需要换页处理的对象要用上“PageNext”样式. ③.因为最后一页不用加入换页符,所以要控制最后一页不要使用该样式.个人感觉用PAGE-BREAK-

css实现页面文字不换行、自动换行、强制换行

强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } ============================================ CSS设置不转行: overflow:hidden 隐藏white-space:normal 默认 pre 换行和其他空白字符都将受到保护nowrap 强制在

css控制页面书签

<li><a href="#gldl"><msg:out key="glgk.Geography"/></a></li> <h4><a id="glls" class="link_fix"></a><i class="co1"></i><msg:out key="glgk.

Web--CSS控制页面(link与import方式差别)

    先了解: [1]         "Table"和"DIV"这两个网页元素诞生的目的不同,首先Table诞生的目的是为了存储数据,而DIV诞生的目的就是为了架设页面结构 W3C,是World Wide Web Consortium的缩写.中文是W3C组织或者万维网联盟.W3C标准不是一个标准,而是一系列标准的集合. 包括三部分的标准:结构(Structure).表现(Presentation)行为(Behavior). 结构化标准语言主要包含XHTML和XM

Web--CSS控制页面(link与import方式区别)

    先了解: [1]         "Table"和"DIV"这两个网页元素诞生的目的不同,首先Table诞生的目的是为了存储数据,而DIV诞生的目的就是为了架设页面结构 W3C,是World Wide Web Consortium的缩写,中文是W3C组织或者万维网联盟.W3C标准不是一个标准,而是一系列标准的集合, 包含三部分的标准:结构(Structure).表现(Presentation)行为(Behavior). 结构化标准语言主要包括XHTML和XM

CSS如何改变文字选中状态下的颜色

CSS如何改变文字选中状态下的颜色:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在默认状态先一般选中的文本颜色是白字蓝底的,不过可以通过CSS进行设置.当然浏览器的支持度还是不够好,IE8和IE8以下的浏览器不支持,但是其他主流浏览器都支持此属性,不过随着浏览器的升级,这个也不会是问题.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta n