我正在使用visual studio 2010处理mvc4应用程序并获得css问题。 我在我的html页面中有很多htmlhelperfor和输入类型提交。当我将css样式设置为我的提交按钮时,按钮的某些属性正常工作而其他属性没有,但是当我为htmlhelperfor做同样的事情时,任何属性都没有&#39 ;为这些htmlhelperfor工作。即使是验证消息的颜色也不是红色的,我已经专门导入了所需的jscript文件。这是我的HTML。
REPLACED Street
这是从Internet Explorer的viewsource获得的代码:
@model myproject.ViewModels.AuthenAdViewModel
<html >
<head>
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
<script type="text/javascript" src="~/Scripts/jquery-1.7.1.js"></script>
<link href="~/Content/site.css" rel="stylesheet" type="text/css" />
<link href="~/Content/Affichag.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="~/Scripts/jquery.validate.js"> </script>
<script type="text/javascript" src="~/Scripts/jquery.validate-vsdoc.js"> </script>
<script type="text/javascript" src="~/Scripts/jquery.validate.unobtrusive.js"></script>
</head>
<body >
@using (Html.BeginForm())
{
<fieldset>
<legend>Authentification de L'Administrateur</legend>
<p>
@Html.LabelFor(m => m.logicielchoisi)
@Html.DropDownListFor(m => m.logicielchoisi, new SelectList(Model.lelogiciel, "LogicielID", "Logiciel1"), "-Choisissez un logiciel-", new { @class = "dropdl" })
@Html.ValidationMessageFor(m => m.logicielchoisi)
</p>
<p>
@Html.LabelFor(m => m.utilisateur)
@Html.EditorFor(m => m.utilisateur, new { @class = "editeur" })
@Html.ValidationMessageFor(m => m.utilisateur)
</p>
<p>
@Html.LabelFor(m => m.Motdepasse)
@Html.EditorFor(m => m.Motdepasse, new { @class = "editeur" })
@Html.ValidationMessageFor(m => m.Motdepasse)
</p>
<p>
<input type="submit" value="Valider" id="lebutton" />
</p>
</fieldset>
}
</body>
</html>
site.css和Affichage.css是css文件,其中包含用于html页面的editeur和dropdl类,如下所示:
<script src="/Scripts/jquery-1.7.1.js"></script>
<html >
<head>
<meta name="viewport" content="width=device-width" />
<title></title>
<script type="text/javascript" src="/Scripts/jquery-1.7.1.js"></script>
<link href="/Content/site.css" rel="stylesheet" type="text/css" />
<link href="/Content/Affichag.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/Scripts/jquery.validate-vsdoc.js"></script>
<script type="text/javascript" src="/Scripts/jquery.validate.unobtrusive.js"></script>
</head>
<body >
<form action="/Administrateur/Verification/Login?returnUrl=/Administrateur/Administration" method="post"> <fieldset>
<legend>Authentification de L'Administrateur</legend>
<p>
<label for="logicielchoisi">Logiciel:</label>
<select class="dropdl" data-val="true" data-val-number="The field Logiciel: must be a number." data-val-required="Vous devez choisir un logiciel." id="logicielchoisi" name="logicielchoisi"><option value="">-Choisissez un logiciel-</option>
<option value="1">Gereur</option>
<option value="2">Bon plat</option>
<option value="3">Aime village</option>
</select>
<span class="field-validation-valid" data-valmsg-for="logicielchoisi" data-valmsg-replace="true"></span>
</p>
<p>
<label for="utilisateur">Utilisateur:</label>
<input class="text-box single-line" data-val="true" data-val-required="Vous devez introduire le nom de l'utilisateur." id="utilisateur" name="utilisateur" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="utilisateur" data-valmsg-replace="true"></span>
</p>
<p>
<label for="Motdepasse">Mot de passe:</label>
<input class="text-box single-line" data-val="true" data-val-required="Vous devez introduire le mot de passe de l'utilisateur." id="Motdepasse" name="Motdepasse" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Motdepasse" data-valmsg-replace="true"></span>
</p>
<p>
<input type="submit" value="Valider" id="lebutton" />
</p>
</fieldset>
</form></body>
</html>
我不明白为什么没有或如何做以实现我想要的东西。按钮的边框不适用于按钮,我也不知道为什么。< / p>