You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何禁用Chrome窗口失焦时标签页背景色自动变化的行为?

如何禁用Chrome窗口失焦时标签页背景色自动变化的行为?

当然能搞定这个烦人的问题!Chrome默认确实会在窗口失焦时把标签页背景调得更淡,双屏工作时想一眼找到活跃标签特别费劲,不过咱们不用依赖插件,直接通过自定义CSS样式就能强制固定标签页的背景色,不管窗口有没有焦点。

具体操作步骤:

  1. 找到Chrome的用户样式文件路径
    根据你的系统,找到对应的目录(如果没有User StyleSheets文件夹或者Custom.css文件,直接手动新建就行):

    • Windows:%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
    • macOS:~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
    • Linux:~/.config/google-chrome/Default/User StyleSheets/Custom.css
  2. 添加自定义CSS代码
    打开Custom.css文件,把下面的代码粘贴进去,保存文件:

    /* 强制固定所有标签页的背景色,不受窗口焦点影响 */
    .tabs:not(.focused) .tab-background {
        background-color: #f1f3f4 !important; /* 可替换为你喜欢的颜色,比如Chrome默认焦点状态的标签背景色 */
    }
    
    /* 单独强化失焦时的活跃标签,让它更显眼 */
    .tabs:not(.focused) .tab-background[selected="true"] {
        background-color: #ffffff !important;
    }
    

    你可以根据自己的Chrome主题,调整代码里的颜色值——用取色工具获取窗口有焦点时的标签背景色,替换进去就能完全保持一致的视觉效果。

  3. 处理新版本Chrome的隐藏问题
    如果你的Chrome版本比较新,可能默认隐藏了用户样式表功能,这时候需要先开启:

    • 在Chrome地址栏输入 chrome://flags/#enable-user-stylesheet
    • 把「Enable user stylesheet」选项改为「Enabled」
    • 重启Chrome后,再按照前面的步骤操作即可。
  4. 重启Chrome生效
    关闭所有Chrome窗口再重新打开,之后不管你的Chrome窗口是否处于焦点状态,标签页的背景色都会保持你设置的样子,活跃标签也能一眼分辨出来啦!

备注:内容来源于stack exchange,提问作者JHR

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.21 08:04:30