Question

我使用带有几个子lis的ul来导航html / javascript和css。问题是，在点击时，它会在打开菜单时选择Menu1文本（就像您要复制文本时一样）。在平板电脑上使用Windows 8，ie11。我不想要选择文字，我怎么能阻止它？

<ul id="nav" class="dropdown dropdown-horizontal">
 <li><a href="../page1.html">Page1</a></li>
 <li><a href="../page2.html">Page2</a></li>
 <li><a href="../page3.html">Page3</a></li>
 <li aria-haspopup="true" style="cursor:pointer"><span class="dir">Menu1</span>
    <ul>
     <li><a href="../item1.html">Menu Item 1</a></li>
     <li><a href="../item2.html">Menu Item 2</a></li>
    </ul>
 </li>
</ul>

Answer 1

也许尝试这样的事情：

<li>Page1<a href="../page1.html"></a></li>
<li>Page2<a href="../page2.html"></a></li>
<li>Page3<a href="../page3.html"></a></li>

然后是CSS

li {
    position:relative;
}

li > a {
    position:absolute;
    display:block;
    height:100%;
    top:0;
    left:0;
    z-index:2;
}

这会将锚点放在文本的顶部，从而使其可以点击但不允许文本可复制。

点击<li>项目</li>时选择文字

1 个答案: