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
posted @ 2024-06-14 15:35  妄欢  阅读(2)  评论(0编辑  收藏  举报