最近一位老铁向懂点君提问了一个问题:在iOS手机中长按切换图片会选中文字(SVG效果上下有文本内容),安卓手机则不会选中文字。看到问题后,脑子里立马蹦出了一个解决方法,在svg元素和p元素添加禁止文本复制的CSS属性:user-select: none,在iOS手机测试了一下,发现问题仍然没有解决,长按还是能选中文本内容。
长按切换图片选中文本
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover" />
<title>公众号:懂点君 || 视频号:懂点君 || 微信号:dong_dian_jun</title>
<style type