Как можно применить стиль к помощникам тегов в представлении ASP.NET Core Razor? - PullRequest
Новая
       23

Как можно применить стиль к помощникам тегов в представлении ASP.NET Core Razor?

0 голосов
/ 11 июля 2019

В стандартном приложении ASP.NET Core говорят, что у меня есть следующее:

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>

Внутри сайта.css Я попробовал оба из следующих 

label.bluetext{
    color: #3064b8; 
}

и 

.bluetext{
    color: #3064b8; 
}

, применяя стиль так:

<label class="bluetext">@Model.Foo</label>

но яне могу заставить это работать с помощниками тегов Razor.

1 Ответ

1 голос
/ 11 июля 2019

Вы можете нажать F12, чтобы открыть DevTools и проверить, успешно ли применены пользовательские стили, на вкладке Sources -> папка css -> site.css.

enter image description here

Если нет, очистите кеш и перезагрузите страницу.

Попробуйте использовать asp-append-version="true" в качестве ссылки. Он добавит версию в качестве параметра строки запроса, который изменяется при изменении файла. 

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

Вы также можете напрямую добавить стили в Index.cshtml, чтобы сделать его 

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