ASP.NET MVC 视图添加样式表类或更改引导程序答案

【问题标题】：ASP.NET MVC view add stylesheet class or change bootstrapASP.NET MVC 视图添加样式表类或更改引导程序
【发布时间】：2022-01-06 04:58:36
【问题描述】：

当我在 ASP.NET MVC 中的视图 html 上添加 css 类或更改引导类时，没有任何反应。

CSS 样式表

.icon {
    margin-top: 8px;
    border: 1px solid white;
    border-radius: 100%;
}

.titleLibrary{
    color: gray;
}

查看html

<a href="@Url.Action("Index","Home")">
   <img src="@Url.Content("~/Icons/bookIcon.jpg")" width="50" class="icon" />
</a>
   @Html.ActionLink("Library", "Index", "Home", new { area = "" }, new { @class = "titleLibrary" })

screenshot

但是当我在 html 中使用样式时，一切都很好

<a href="@Url.Action("Index","Home")">
   <img src="@Url.Content("~/Icons/bookIcon.jpg")" width="50" style=" border: 1px solid white; border-radius: 100%;" />
</a>

【问题讨论】：

内联样式总是比 CSS 文件中的样式具有更高的优先级。我认为您的 CSS 样式正在被覆盖。签入检查器窗口。

标签： c# html css asp.net-mvc view

【解决方案1】：

嗨，Ivan，您确定在您使用的视图上渲染您的样式了吗？例如，如果您使用的是布局页面，您通常会将样式包或表单呈现在布局页面的开头。

我给你举个例子

<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Project System</title>
    @Styles.Render("~/content/site-bundle")
    @RenderSection("styles", false)
</head>

在这里你可以看到我渲染我的样式包。在这种情况下，您可以改为呈现您拥有的样式表。

【讨论】：

【解决方案2】：

如果您没有清除缓存，那么这可能是没有在您的索引或任何其他页面中反映更新的 CSS 样式的原因。所以尝试清除缓存，然后尝试更新样式。清除缓存使用 Ctrl+F5。这将有助于清除缓存。另一种解决方案，如果您将style.css文件单独保存，请在Index页面顶部提供参考链接，然后刷新并重建页面重试。

<head>  
 <link href="~/Content/background.css" rel="stylesheet" />
</head>

【讨论】：

删除缓存有帮助，谢谢！

【解决方案3】：

请确保，如果该 css 文件与 html 页面位于同一目录（或文件夹）中，则只需键入“style.css”，该 css 文件的名称与您的名称匹配即可。我只是使用 style.css 来简化事情。但是，如果 css 文件位于另一个目录中（例如在名为 css 的文件夹中），则需要输入相对于 html 文档的路径。在这种情况下，您需要输入“css/style.css”。通常，最好将 css 文件存储在 css 文件夹中。

<head>
    <title>My Page</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

【讨论】：