C# 如何将样式应用于ASP.NET Core Razor视图中的标记帮助程序？

在标准ASP.NET核心应用程序中，假设我有以下内容：

Model.cs

[Display(Name = "Foo")]
public string Foo { get;set; }

[Display(Name = "Bar")]
public string Bar{ get;set; }

Index.cshtml

    <div class="form-group">
        <div class="form-row">
            <div class="form-group col-sm-3">
                <label asp-for="Foo"></label><br />
                <label>@Model.Foo</label>
            </div>

            <div class="form-group col-sm-3">
                <label asp-for="Bar"></label><br />
                <label>@Model.Bar</label>
            </div>
        </div>
    </div>

及

在应用这样的样式时

@Model.Foo

---

但是我似乎无法让Razor标记帮助程序实现这一点。

您可以按F12打开DevTools，并在Sources选项卡->css文件夹->site.css中检查自定义样式是否成功应用

如果没有，请清除缓存并重新加载页面

尝试在引用中使用

asp append version=“true”

。它将附加一个版本作为查询字符串参数，该参数在修改文件时会更改

 <link rel="stylesheet" href="~/css/site.css" asp-append-version="true"/>

您还可以直接在Index.cshtml中添加样式以使其

<style>
   label.bluetext {
      color:#3064b8;
   }
</style>

label.bluetext{
颜色：#3064b8；
}

你的

Foo

或

Bar

不应该等于

bluetext

？在标签助手生成的每个标签上添加

class=“bluetext”

有什么不对，比如

？@DavidLiang，因为一个是模型中的动态标签，另一个是表单上的标签。我希望用户输入的文本是不同的颜色。例如，实际的表单值将是Name&Email。因此，标签将是“名称”和“电子邮件”，而值将由用户输入。该值将存储在模型中，我希望在下一页上该值为蓝色，而不是表示显示哪个字段的标签。@ObsidManager是的，在问题的后面，我将演示如何尝试将其用作

@model.Foo

@Mkalafut:我仍然不明白您的意思<代码>将生成带有属性显示名称注释的标签

@Model.Foo

将生成带有属性值的标签。您的代码仅显示标签。我没有看到任何输入控件。可能是缓存问题。我今天早上来的，完全按照你的建议做了。加载解决方案后，立即看到屏幕上的蓝色文本以及应用于我的标签的样式。谢谢

 <link rel="stylesheet" href="~/css/site.css" asp-append-version="true"/>

<style>
   label.bluetext {
      color:#3064b8;
   }
</style>