如何更改CSHTML文件中Razor语法的背景色？

Visual Studio 操作步骤 #

• 依次打开 工具 → 选项 → 环境 → 字体和颜色
• 在「显示其设置」下拉菜单里选择 HTML Razor编辑器
• 找到「Razor代码块」（部分版本显示为「Razor C# 代码」）选项
• 修改「项背景」为目标颜色，点击确定即可，整个Razor代码块的文本背景都会同步更改。

VS Code 操作步骤 #

• 确保已安装并启用C#扩展（VS Code识别Razor代码的必要依赖）
• 打开设置面板（快捷键 Ctrl+,），搜索 workbench.colorCustomizations
• 在settings.json中添加以下配置（替换#f0f8ff为你需要的颜色值）：

"workbench.colorCustomizations": {
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "source.cshtml.razor",
                "settings": {
                    "background": "#f0f8ff"
                }
            }
        ]
    }
}

• 保存配置后，Razor代码区域的整体背景色会自动生效。

提示：如果上述scope不生效，可通过F1打开命令面板，选择「Developer: Inspect Editor Tokens and Scopes」查看当前Razor代码对应的具体scope，替换到配置中即可。

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