asp.net mvc查看css未按预期显示

时间:2015-08-25 12:49:37

标签: css asp.net asp.net-mvc asp.net-mvc-4

我是ASP.Net MVC的新手,并且想知道为什么以及如何解决一个文本框没有像我预期的那样使用CSS的问题。

我的CSS是

.newsLetter {
border-radius:4px; 
background-color:#393939; 
width:100%; 
border: 1px solid #393939;

}

前MVC \查看HTML

<h2>NEWSLETTER</h2>
  <p style="color:#b5b5b5; float:left;">Sign up to our News Lettter</p>
  <p><input type="text" name="" value="Your Name" class="newsLetter mainText" /></p>
  <p><input type="text" name="" value="Your Email Address"class="newsLetter mainText" /></p>
  <p><input type="submit" name="" value="Subscribe" class="smallBlueButton" />

我用来渲染此视图的视图

<div class="col-md-10">
            @Html.EditorFor(model => model.Name, new {htmlAttributes = new {@class = "newsletter mainText"}})
            @Html.ValidationMessageFor(model => model.Name, "", new {@class = "text-danger"})
        </div>

这是HTML中的实际结果

<div class="col-md-10">
            <input class="newsletter mainText text-box single-line" data-val="true" data-val-length="The field Name must be a string with a maximum length of 50." data-val-length-max="50" data-val-required="The Name field is required." id="Name" name="Name" type="text" value="" />
            <span class="field-validation-valid text-danger" data-valmsg-for="Name" data-valmsg-replace="true"></span>
        </div>

我想要帮助的是如何让它删除文本框单行CSS。

非常感谢任何和所有帮助。

由于

1 个答案:

答案 0 :(得分:2)

您的CSS使用的是.newsLetter(大写字母L)类,但您在HTML中呈现的类是&#39; newsletter&#39; (小写L)。他们需要匹配。