css - 平板电脑上的 Firefox 正在为输入添加一个蓝色指针

Question

我正在为我的公司开发一个使用 JS/HTML5/CSS3 的 webapp，专门用于 Firefox。

该应用程序以“计算机”风格或平板电脑和细高跟鞋使用，我们创建了一些输入环境来帮助我们的员工完成表格。其中之一是用于数字输入的轻型“键盘”：

自上次更新 (Firefox ESR 60.2.1) 以来，当用细长点击输入时，会出现一个蓝色的大头针，遮住自定义键盘：

该行为仅在通过 styletto 专注于输入时出现，而不是使用鼠标或触摸板。你知道我怎么能隐藏这个指针吗？我尝试了以下 CSS 样式：

/*Try 1*/
input{
  cursor:none;
  pointer-events:none;
}

/*Try 2*/
input{
  cursor:none !important;
  pointer-events:none !important;
}

/*Try 3*/
input:focus{
  cursor:none;
  pointer-events:none;
}

/*Try 4*/
input:focus{
  cursor:none !important;
  pointer-events:none !important;
}

标签： cssfirefox

Answer 1

尝试这个：

input {
  caret-shape: bar;
  caret-color: black;
}

或这个

input {
  caret-color: transparent;
}