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

Question

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

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

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

如果您使用 ul 进行导航，那么您可能希望它们看起来像按钮。如果不使用插入符号，则可以实现此目的。这样的事情可能吗？

Answer 1

试试这个 class

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

然后对于任何你想要显示为可点击的内容，你可以像这样添加一个 class。

CSS

.clickable {
    cursor: pointer;
}

Answer 3

我猜你正在使用带选项的 Firefox

accessibility.browsewithcaret

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

无关

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

Disable caret for non-input elements?

html

css

caret