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

【问题标题】：Disable caret for non-input elements?禁用非输入元素的插入符号？
【发布时间】：2017-05-01 05:53:00
【问题描述】：

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

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

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

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

【问题讨论】：

标签： html css caret

【解决方案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;       
}

【讨论】：

【解决方案2】：

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

CSS

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

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

CSS

.clickable {
    cursor: pointer;
}

【讨论】：

啊，没关系！我以为您是指悬停时看起来像胡萝卜的光标，而不是不断闪烁的光标。这是一个浏览器选项。

【解决方案3】：

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

accessibility.browsewithcaret

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

【讨论】：