当前位置: 首页 > Web前端 > CSS

user-select用法详解

时间:2023-03-30 17:18:33 CSS

前言在制作网页的时候,有些文字需要被选中,有些我们不想被选中,那么我们就需要用到一个css属性,即user-select方法user-选择:无|自动|文本|包含|全部;/*firefox浏览器*/-moz-user-select:none|text|all;/*safari,chrome浏览器*/-webkit-user-select:none|文字|全部;/*Safari不支持该属性值,只能使用none或者text,或者在html的tag属性中使用*//*即浏览器*/-ms-user-select:none|text|元素;属性值:none:元素和子元素的文本不会被选中text:文本可以被选中auto:文本将根据浏览器的默认属性被选中作为一个整体。如果你双击或者上下文点击一个子元素,被选中的部分将是最高祖先元素包含和从子元素向上回溯的元素:可以选择文本,但是选择范围受限于元素的边界元素,即所选文本将包含在该元素的范围内。仅支持InternetExplorer注意:浏览器实现之间的差异之一是继承。在Firefox中,-moz-user-select不被绝对定位元素继承,但在Safari和Chrome中,-webkit-user-select被绝对定位元素继承。