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

Question

我使用<ul>和<li>使用自定义<ul>. <li>类来显示自定义核对清单。 我的问题是点击<ul>（带有CSS background：imageCheck）标签来更改检查或取消选中状态。它还使插入符号专注于<li>标记的内容。 如何使插入符号不要关注<li>标记（<li>仍需要编辑）。

Answer 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;
}