在谷歌上找不到类似的东西...所以我需要一些帮助。
当我使用 css 格式来按照我想要的方式制作表单时,它将在我的页面上显示良好,没有问题。
但是...
当我将实际表单放入以下内容时...它会丢失 css 格式。
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
@Html.ValidationSummary()
<FORM HTML HERE>
}
有人可能知道这里出了什么问题吗?
提前致谢。
HTML:
<form class="form-signin">
<h2 class="form-signin-heading">Please sign in</h2>
<input type="text" class="input-block-level" placeholder="Email address">
<input type="password" class="input-block-level" placeholder="Password">
<label class="checkbox">
<input type="checkbox" value="remember-me"> Remember me
</label>
<button class="btn btn-large btn-primary" type="submit">Sign in</button>
</form>
CSS:
.form-signin {
max-width: 300px;
padding: 19px 29px 29px;
margin: 0 auto 20px;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
font-size: 16px;
height: auto;
margin-bottom: 15px;
padding: 7px 9px;
}
最佳答案
@using (Html.BeginForm())
呈现为 <form>
元素。
因此,由于您尝试在表单中嵌套表单,因此第二个 <form>
被浏览器忽略(请参阅这篇文章:https://stackoverflow.com/a/555970/971693)。
创建表单时,您必须通过类(class):
@Html.BeginForm({Action}, {controler}, FormMethod.Post, new { @class = "Class" })
关于html - ASP.Net mvc 表单抛弃了我的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13337069/