VSCode悬停提示框圆角无法通过setting控制，因官方未提供editor.hover.borderRadius等配置项；唯一可行方案是手动修改workbench.desktop.main.css文件，注入.hover-flyout{border-radius:6px!important}等CSS规则，并注意升级覆盖与选择器权重问题。
悬停提示框（hover）圆角无法通过 setting 控制
VSCode 官方没有提供 editor.hover.borderRadius 或类似配置项，所有在 settings.json 里搜索 “borderRadius”“hover” 组合并尝试设置的行为，都会无效。这不是你配错了，而是根本不存在这个 API —— hover 面板的 DOM 结构和样式由工作台（workbench）渲染，其圆角由主题 CSS 或 Electron 底层决定，不暴露用户配置入口。
唯一可行路径是注入自定义 CSS
必须修改 VSCode 内部 CSS 文件或通过插件注入，目标选择器是 .hover-flyout（主 hover 面板容器）和 .monaco-hover（旧版/部分场景使用）。实操注意以下几点：
- VSCode 1.84+ 已禁用
vscode-custom-css插件，插件方式基本失效 - 手动改
workbench.desktop.main.css是目前最直接的方式（路径如C:\Users\{user}\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench\workbench.desktop.main.css） - 在文件末尾添加如下代码（推荐值
6px，过大易与侧边栏重叠）：.hover-flyout { border-radius: 6px !important; } - 每次 VSCode 升级后该文件会被覆盖，需重新注入 —— 强烈建议用脚本备份+自动写入，而非人工编辑
为什么改了没反应？常见断点排查
即使 CSS 正确写入，也可能看不到圆角，原因往往不在代码本身：
-
.hover-flyout可能被其他更具体的选择器覆盖（比如某些主题加了.monaco-workbench .hover-flyout），需提高权重：.monaco-workbench .hover-flyout { border-radius: 6px !important; } - hover 面板有时会 fallback 到
.monaco-hover（尤其在调试器或终端 hover 场景），建议一并设置：.monaco-hover { border-radius: 6px !important; } - 部分语言扩展（如 Volar、Rust Analyzer）会自己渲染 hover 内容到独立浮层，绕过
.hover-flyout，此时圆角需额外针对其自定义类名（如.volar-hover）处理 - 开启开发者工具（
Help > Toggle Developer Tools），悬停触发后检查实际生效的元素和 computed styles，确认是否命中目标节点
圆角值设多大才自然？别只看数字
视觉上“协调”的圆角不是越大越好：
- 标签页圆角常用
workbench.editor.tabBorderRadius设为4～6，hover 面板建议同步这个值，避免 UI 节奏割裂 - 设为
0并不能得到“绝对直角”，很多主题内置了1px微圆角，这是 hardcode 在 CSS 里的，无法靠覆盖清除 - 超过
8px后，在深色主题下容易产生阴影误判（看起来像浮起过高），且与编辑器主体（无圆角）形成突兀对比 - macOS 用户要注意：系统级窗口毛玻璃圆角可能叠加显示，造成“比预期更圆”的错觉，实际并非 CSS 生效
真正要让 hover 圆角稳定、可维护、不随升级丢失，得把 CSS 注入做成自动化流程，而不是一次手工修改 —— 这个细节，90% 的教程都跳过了。
