光标在自动对焦时不闪烁

Posted 2021-04-06

浏览器：Chrome> 57

问题：

光标不会在焦点文本框上闪烁（左/右点击什么都不会使光标开始闪烁）

脚步：

当您从“您的连接不是私密”，又名不安全的页面继续时，会发生这种情况。

只有当您获得警告页面（自签名证书页面）并继续单击继续<ip / domain>（不安全）时才会发生 - 下次刷新时不会发生此问题（如警告页面那样）不再来了）

我试过的，试过

• html方式，输入文本框上的autofocus =“autofocus”
• javascript方式，$（id）.focus（）。尝试在超时后设置焦点。

以上方法都不起作用（第一次我访问页面 - 在警告页面之后）。焦点实际上是设置/工作，只是闪烁不起作用。

仅供参考：Chrome从版本58及更高版本更新了一些安全性更改（详细信息1，2）。不确定/为什么这些更改会影响光标闪烁的方式，但我已经检查了Chrome 56/57并且闪烁正常。

例如，不想链接任何不安全的网站来演示这个。我面临的问题是私有软件安装 - 自签名证书（必需），并且光标闪烁（在聚焦元素上）不起作用。

答案

https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color

这可能是因为新的更新。

一个例子：http://www.developphp.com/lib/CSS/caret-color