如何让Chrome中的文本光标保持静态而非闪烁?
如何让Chrome中的文本光标保持静态而非闪烁?
我太懂这种小烦恼了!用方向键在文本框或者文本域里浏览内容时,光标动不动就“隐身”,得等它闪回来才能确定位置,属实有点影响操作流畅度。你提到Sublime Text里的“solid”静态光标,其实在Chrome里也能实现,虽然没有专门的隐藏flag,但通过自定义CSS就能搞定,具体步骤如下:
找到Chrome的用户样式表位置:
不同系统的路径不一样:- Windows:打开文件管理器,输入
%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css - Mac:在Finder里前往
~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css - Linux:终端里进入
~/.config/google-chrome/Default/User StyleSheets/Custom.css
如果找不到Custom.css文件,直接新建一个同名文件就行。
- Windows:打开文件管理器,输入
添加静态光标样式:
打开Custom.css,把下面这段代码粘贴进去:/* 禁用所有文本输入控件的光标闪烁动画 */ input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, [contenteditable] { animation: none !important; caret-color: auto !important; }这段代码的作用是强制取消光标默认的闪烁动画,让它一直保持可见状态。
(可选)针对特定网站生效:
如果你不想全局生效,只想让某些网站的光标静态显示,可以用@document规则限定范围,比如只在某论坛生效:@document domain("exampleforum.com") { input[type="text"], textarea, [contenteditable] { animation: none !important; } }
另外,如果你觉得手动找文件麻烦,也可以用类似Stylus这类浏览器扩展来管理自定义样式,操作更直观,还能随时开关效果。
亲测这个方法完全能达到你想要的“solid”光标效果,再也不用等光标闪烁回来啦!
备注:内容来源于stack exchange,提问作者WoodrowShigeru
相关产品推荐
相关产品推荐

