c# - 在 ASP.Net MVC3 Razor 中使用时，样式未在按钮中呈现

Question

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

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>

两者都有风格问题

Answer 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;
}