css不适用于mvc4中的html帮助程序

时间:2016-04-25 10:12:28

标签: css

我正在使用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&#39;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&#39;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>

0 个答案:

没有答案