Question

对于非输入元素的元素，是否可以禁用HTML文档上的闪烁插入符号？

例如，单击列表项会将插入符号移动到列表项元素：

<ul>
  <li>Cool choice 1</li>
  <li>Cool choice 2</li>
  <li>Cool choice 3</li>
</ul>

如果您有ul用于导航，那么您可能希望它们感觉像按钮。如果插入符号不起作用，这可以实现。这样的事情有可能吗？

Answer 1

试试这个课程

.disableCaret{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
   user-select: none;       
}

Answer 2

你可以在你的CSS顶部做这样的事情。这会将每个不是输入的元素作为目标，并将光标设置为默认箭头。

<强> CSS

*:not(input) {
    cursor: default;
}

然后，对于您想要显示的任何可点击的内容，您只需添加这样的类。

<强> CSS

.clickable {
    cursor: pointer;
}

Answer 3

我猜你正在使用带有

选项的Firefox

accessibility.browsewithcaret

设为true。可以在about：config或名为Always use the cursor keys to navigate within pages的高级设置中的第一个选项中找到此选项。如果我猜对了，这个问题与html和css无关。

禁用非输入元素的插入符号？

3 个答案: