uniapp开发出来的页面元素无法被用户长按选中
page {
// 这条规则是为了可以让用户选中文字复制
-webkit-user-select: text !important; // 谷歌和safari
-moz-user-select: text; // 火狐
-ms-user-select: text; // 其他
}
可以统一添加这条样式
user-select的属性值
属性值 说明
all 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素
auto 文本将根据浏览器的默认属性进行选择
contain 选择该元素范围内的文本,只支持(Explorer未测试)
none 元素和子元素的文本将无法被选中
text 文本可以被选中
inherit 继承父元素的此属性
initial 设置为初始的样式属性
revert 样式表中定义的元素属性的默认值。若用户定义样式表中显式设置,则按用户定义的设置否则,按照浏览器默认的的样式设置在否则,等价于unset
unset 如果该属性可以被继承,则是继承的值,不可以被继承(initial),则是默认的值
有些版本的浏览器不支持此属性,需自行进行相关设置,
- IE6-9不支持该属性,但支持使用标签属性
onselectstart="return false;"
来达到user-select:none
的效果; - Safari和Chrome也支持该标签属性;
- 直到Opera12.5仍然不支持该属性,但和IE6-9一样,也支持使用私有的标签属性
unselectable="on"
来达到user-select:none
的效果; - unselectable 的另一个值是 off