我有这样的内联样式，但是我不能在css中使用它，因为当我在另一个视图中引用css时它会改变我的所有代码：
git clone我认为问题在于，如果我将<style>
body {
background: url('http://digitalresult.com/') fixed;
background-size: cover;
padding: 0;
margin: 0;
}
.form-login {
background-color: #EDEDED;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
border-radius: 15px;
border-color:#d2d2d2;
border-width: 5px;
box-shadow:0 1px 0 #cfcfcf;
opacity: 0.8;
}
h4 {
border:0 solid #fff;
border-bottom-width:1px;
padding-bottom:10px;
text-align: center;
}
.form-control {
border-radius: 10px;
}
.wrapper {
text-align: center;
}
</style>
@using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="container" style="margin-top:40px">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<div class="panel panel-default form-login">
<div class="panel-heading">
<strong> Press to continue</strong>
</div>
<div class="panel-body">
<form role="form" action="#" method="POST">
<fieldset>
<div class="row">
</div>
<div class="row">
<div class="col-sm-12 col-md-10 col-md-offset-1 ">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-user"></i>
</span>
@Html.TextBoxFor(m => m.Email, new { @class = "form-control has-success", @autofocus = "autofocus", placeholder = "Usuario", required = "required" })
@Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-lock"></i>
</span>
@Html.TextBoxFor(m => m.Password, new { @class = "form-control has-success", placeholder = "Password", type = "password", required = "required" })
@Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>
</div>
<p>@Html.ActionLink("Return to home page", "Index", "Home")</p>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
类发送到css，它会在我引用css的所有页面上发生更改，如何更改为仅在此视图中更改？此致
答案 0 :(得分：0)
如果您只需要在一个地方进行更改，则可以在页面中添加样式，或者使用样式元素添加内联样式，而不是更改文件。 但应该避免添加内联样式。 最好用id区分你的元素并给它赋予属性
答案 1 :(得分：0)
在这种情况下，您可以将上面的内联CSS保存到单独的CSS文件中，并将该css文件导入到您想要此CSS的HTML页面。
答案 2 :(得分：0)
将背景添加到container，或将另一个类添加到container并应用样式。并将margin-top更改为padding-top
.container {
background: url('http://digitalresult.com/') fixed;
background-size: cover;
padding: 0;
margin: 0;
height: 100vh;
padding-top:40px;
}
答案 3 :(得分：0)
您可以使用视图中提到的样式创建CSS文件，并仅在此视图中导入该文件，这将解决您的问题。