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

【问题标题】：How can I improve my button which uses a Html.ActionLink inside a styled div如何改进在样式 div 内使用 Html.ActionLink 的按钮
【发布时间】：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 按钮类，它应该是白色。

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

【问题讨论】：

标签： css asp.net twitter-bootstrap

【解决方案1】：

将您的 html 更改为；

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

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

【讨论】：

感谢 Bolt19！ :D

【解决方案2】：

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

.btn-success a{display:block;color:#fff;}

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

【讨论】：

感谢您的支持！ :)