html - 在孩子中多次单击时防止将 div 标记为选中（谷歌浏览器）

Question

假设我有这个标记

<div id="parent">
    <h2>My Title</h2>
    <div>
          <a class="button">prev</a>
          <ul>
               <li><a>First child <span></a></li>
               <li><a> child</a></li>
               <li><a> child</a></li>
               <li><a> child</a></li>
               <li><a>last child</a></li>
          </ul>
          <a class="button">prev</a>
    </div>
</div>

带有一些样式的 Wich 可能如下所示：

问题是，如果我点击多个 timems（并且快速，如双击），那么（至少在 chrome 中）整个父级就像标记为选中的文本一样：

知道如何防止这种情况吗？

例如与 outline:1 相同的东西来删除单击元素周围的点。

Answer 1

我认为您需要使您的元素不可选择，因为：

#parent{
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
 }

从这个答案复制