在 ASP.Net MVC3 Razor 中使用时，样式未在按钮中呈现答案

【问题标题】：Style is not rendering in button when using in ASP.Net MVC3 Razor在 ASP.Net MVC3 Razor 中使用时，样式未在按钮中呈现
【发布时间】：2014-01-10 08:31:19
【问题描述】：

在我的项目中，按钮单击动作没有按照提供的样式呈现所以我尝试了两种方法，并且都附上了屏幕截图。

1.<button type="submit" class = "btn btn-success">@Html.ActionLink("Save", "EmployeeRegistration",
"Home")</button> 
2.<button type="submit" >@Html.ActionLink("Save", "EmployeeRegistration", "Home",new{@class = "btn
     btn-success"})</button>

两者都有风格问题

【问题讨论】：

你在使用 Bootstrap 吗？

标签： c# css asp.net-mvc-3 razor stylesheet

【解决方案1】：

试一试，看看下一行给你的输出：-

<input type="submit" class = "btn btn-success" value="Save" />

只使用这个：-

@Html.ActionLink("Save", "EmployeeRegistration", "Home", new{ @class = "btn
 btn-success"});

您在按钮中使用了超链接，这就是您的按钮未对齐的原因。

使用这种风格：-

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

【讨论】：

当我使用上面的代码时它的工作但按钮文本不可见，这意味着它没有按照样式呈现。这是问题
在样式表中添加 CSS 类。
它已经存在了......所有的css样式都加载到了布局页面中
这意味着您的样式相互覆盖。您可以通过检查元素找到它。某些a 样式覆盖了您的.btn 类。
这个很好用。像这样更新了动作名称和控制器名称...@using ( Html.BeginForm("EmployeeRegistration", "Home",FormMethod.Post))

【解决方案2】：

试试这个

@Html.ActionLink("Save", "EmployeeRegistration", "Home", new{ }, new{@class = "btn
     btn-success"})

【讨论】：