如何为ASP.NET Core 6 MVC项目中_LoginPartial的注册登录按钮添加CSS？

先修正你之前的链接参数错误 #

你之前使用的Url.Action参数顺序完全颠倒了，正确的调用格式是@Url.Action("动作名", "控制器名")，注册和登录的正确链接写法应该是：

<a href="@Url.Action("Register", "Account")" class="btn btn-outline-primary float-right ms-2">Register</a>
<a href="@Url.Action("Login", "Account")" class="btn btn-outline-success float-right">Login</a>

（ms-2是Bootstrap的间距类，用于避免两个按钮紧贴在一起，可根据需求调整）

正确的样式添加步骤 #

1. 直接修改分部视图文件

找到项目中Views/Shared/_LoginPartial.cshtml文件，打开后定位到注册、登录对应的<a>标签，直接为它们添加class属性——无论是用Bootstrap的预置按钮类，还是自定义CSS类都可以。

2. 自定义CSS样式的实现方式

如果不用Bootstrap，需要自己编写样式：

• 在wwwroot/css目录下的site.css（或新建自定义CSS文件）中添加样式规则：

  .custom-register-btn {
      background-color: #0d6efd;
      color: #fff;
      padding: 8px 16px;
      border-radius: 4px;
      text-decoration: none;
      float: right;
      margin-left: 8px;
  }
  .custom-login-btn {
      background-color: #198754;
      color: #fff;
      padding: 8px 16px;
      border-radius: 4px;
      text-decoration: none;
      float: right;
  }
  

• 在_Layout.cshtml中确保该CSS文件被正确引用：

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

• 回到_LoginPartial.cshtml，给标签绑定自定义类：

  <a href="@Url.Action("Register", "Account")" class="custom-register-btn">Register</a>
  <a href="@Url.Action("Login", "Account")" class="custom-login-btn">Login</a>
  

样式不生效的常见排查点 #

• 检查CSS选择器是否准确：确保选择器能精准命中目标<a>标签
• 验证CSS文件路径：用浏览器开发者工具的「网络」标签，确认CSS文件是否成功加载
• 排查样式优先级冲突：在浏览器开发者工具的「元素」标签中，查看目标元素的样式列表，确认是否有更高优先级的样式覆盖了你的设置
• 确认分部视图渲染正常：打开页面后查看源代码，确认注册/登录的<a>标签已正确渲染且带有设定的class

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