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

时间:2017-01-23 11:34:31

标签: css asp.net twitter-bootstrap

到目前为止,我有一个带有Bootstrap按钮样式的div,它在div中有一个Html.ActionLink:

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

这显示正确的绿色&#39;成功&#39; Bootstrap按钮,它有文字&#39; Create New&#39;通过指向“创建”的链接行动。

然而问题是由于a{}标记css,颜色仍然是深蓝色,但是由于btn-success Bootstrap按钮类,它应该是白色的。

此外,我只能将文字作为链接点击。整个按钮不应该是可点击的。

2 个答案:

答案 0 :(得分:1)

在你的CSS中你应该风格:

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

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

答案 1 :(得分:1)

将您的HTML更改为;

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

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