如何改进在样式 div 内使用 Html.ActionLink 的按钮

Posted 2023-03-07

【中文标题】如何改进在样式 div 内使用 Html.ActionLink 的按钮

【英文标题】：How can I improve my button which uses a Html.ActionLink inside a styled div

【发布时间】：2017-06-07 21:48:26

【问题描述】：

到目前为止，我有一个采用 Bootstrap 按钮样式的 div，它在 div 中有一个 html.ActionLink：

<div class="btn btn-success">
    @Html.ActionLink("Create New", "Create")
</div>

这会显示正确的绿色“成功”引导按钮，并包含文本“新建”以及指向“创建”操作的链接。

但问题是，由于a 标签 css，颜色仍然是深蓝色，但由于 btn-success Bootstrap 按钮类，它应该是白色。

我也只能单击文本作为链接。整个按钮不可点击，因为它应该是。

【参考方案1】：

将您的 html 更改为；

@Html.ActionLink("Create New", "Create", null, new  @class = "btn btn-success" )

这会将您的 a 标签设置为引导按钮

【讨论】：

感谢 Bolt19！ :D

【参考方案2】：

在你的 CSS 中你应该设置样式：

.btn-success adisplay:block;color:#fff;

显示块会导致 a 填充整个按钮，颜色将是链接的颜色。

【讨论】：

感谢您的支持！ :)