如何为Razor视图中@Html.DisplayFor的输出文本设置颜色？

我一眼就看出问题所在了——你对@Html.DisplayFor的参数用法理解错了，而且它的默认渲染行为也和你想的不一样！

问题根源 #

@Html.DisplayFor默认会直接输出模型属性的纯文本内容（比如字符串就是裸文本节点，没有任何HTML标签包裹），而且它的第二个参数是模板名称，不是HTML属性集合！你之前写的new { @class = "link-colour" }根本不会被识别成样式属性，因为这个方法重载根本不接受htmlAttributes参数。

对比你能用的@Html.ActionLink，它本身会生成<a>标签，所以传htmlAttributes是有效的；但DisplayFor不会生成包裹元素，自然没法把样式绑定到文本上。

快速解决方案（最推荐） #

给@Html.DisplayFor套一个HTML元素（比如<span>、<h3>），把样式加在这个包裹元素上：

<!-- 直接给h3加类 -->
<h3 class="link-colour">@Html.DisplayFor(model => model.Title)</h3>

<!-- 或者用span单独控制文本样式 -->
<span class="link-colour">@Html.DisplayFor(model => model.Title)</span>

这样你的site.css里的样式就能正常作用到包裹元素内的文本了，完全符合你现有CSS的写法。

进阶方案：自定义显示模板 #

如果你想让特定类型的属性都自动带上样式，可以创建自定义显示模板：

1. 在Views/Shared/DisplayTemplates目录下新建String.cshtml（对应字符串类型的模板）
2. 模板内容如下：

<span class="link-colour">@Model</span>

3. 调用时可以指定模板：

@Html.DisplayFor(model => model.Title, "String")

这样所有用这个模板渲染的字符串属性都会自动带上link-colour类。

为什么你之前的尝试无效？ #

再复盘一下你写的代码：

@Html.DisplayFor(model => model.Title, new { @class = "link-colour" })

这里的第二个参数会被当成模板名称（字符串类型），但你传的是匿名对象，所以实际上这个参数被忽略了，DisplayFor还是按默认方式输出纯文本，自然看不到样式效果。

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