单击<ul>时如何禁用li <tag>上的插入符号（焦点，选择）[关闭]答案

【问题标题】：How can I disable caret (focus, select) on li <tag> when click<ul> [closed]单击<ul>时如何禁用li <tag>上的插入符号（焦点，选择）[关闭]
【发布时间】：2016-03-10 10:55:37
【问题描述】：

我使用 <ul> 和 <li> 和自定义 <ul>. <li> 类来显示自定义清单。我的问题是单击 <ul>(with CSS background:imageCheck) 标签以更改检查或取消选中状态。它还使插入符号专注于 <li> 标记的内容。我怎样才能使插入符号不关注<li>标签（<li>仍然需要编辑）。

【问题讨论】：

我们可以给一些代码吗？尝试创建一个 sn-p。
我猜这是 iOS 相关的
是的，马丁，它让键盘秀。
我只是像这样将 CSS 添加到
hmmm... iOS 上的鼠标光标？

标签： javascript html ios css

【解决方案1】：

有一些特殊的样式可以禁用文本选择。应该跨浏览器工作：

ul, li {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

【讨论】：

caniuse.com/#search=user-select