VS Code 1.71.2 QuickFix Menu选中项边框不可见问题求助

以下是针对性的排查和修复方案：

1. 切换或适配主题设置 #

VS Code 1.71版本对QuickFix菜单UI做了更新，部分第三方主题可能未适配新样式，导致键盘选中状态的边框不显示：

• 打开设置（cmd + ,），搜索workbench.colorTheme，切换到官方默认主题（比如Dark+ (默认暗色)或Light+ (默认亮色)），测试键盘导航是否能显示选中边框。
• 如果默认主题正常，说明是当前使用的第三方主题未适配，可等待主题作者更新，或手动修改主题颜色配置：
  打开设置（cmd + ,），搜索workbench.colorCustomizations，添加以下配置：

  "workbench.colorCustomizations": {
    "menu.selectionBackground": "#2a2d2e",
    "menu.selectionBorder": "#007acc"
  }
  

  替换成你能清晰识别的颜色值，保存后重启VS Code测试。

2. 排查扩展冲突 #

第三方扩展可能干扰菜单渲染逻辑：

• 打开命令面板（cmd + shift + p），执行Extensions: Disable All Installed Extensions，重启VS Code。
• 测试QuickFix菜单的键盘导航选中状态，如果恢复正常，再逐个重新启用扩展，定位出导致冲突的扩展并更新或禁用它。

3. 重置用户设置 #

自定义设置的隐性冲突也可能引发该问题：

• 打开命令面板（cmd + shift + p），执行Preferences: Reset Settings，选择仅重置用户设置（保留工作区设置）。
• 重启VS Code后测试问题是否解决。

4. 检查可访问性相关设置 #

部分可访问性选项会影响选中状态的显示：

• 打开设置（cmd + ,），搜索accessibility，确认：
  • Editor: Accessibility Support设置为auto或on。
  • Workbench: Highlight Active Item处于启用状态。

5. 自定义CSS强制显示选中边框（进阶） #

如果以上方法都无效，可通过自定义CSS强制修改样式：

• 安装Custom CSS and JS Loader扩展（操作前备份当前设置）。
• 在本地创建CSS文件，添加以下内容：

  .quick-input-widget .monaco-list-row.selected {
    border: 2px solid #007acc !important;
  }
  

• 在VS Code设置中配置vscode_custom_css.imports，指向你创建的CSS文件路径。
• 执行命令Reload Custom CSS and JS，重启VS Code生效。

内容的提问来源于stack exchange，提问作者Maciej Szakacz