ASP.NET MVC 视图添加样式表类或更改引导程序
Posted
技术标签:
【中文标题】ASP.NET MVC 视图添加样式表类或更改引导程序【英文标题】：ASP.NET MVC view add stylesheet class or change bootstrap 【发布时间】：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")" 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")" style=" border: 1px solid white; border-radius: 100%;" />
</a>
【问题讨论】：
内联样式总是比 CSS 文件中的样式具有更高的优先级。我认为您的 CSS 样式正在被覆盖。签入检查器窗口。 【参考方案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>
【讨论】：
以上是关于ASP.NET MVC 视图添加样式表类或更改引导程序的主要内容，如果未能解决你的问题，请参考以下文章
从 ASP.NET MVC 5 中的控制器 ActionResult 更改 html 元素样式