asp.net mvc 视图 css 未按预期显示

Question

我是 ASP.Net MVC 的新手，想知道为什么以及如何解决文本框未按预期使用 CSS 的问题。

我的 CSS 是

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

}

pre MVC\View 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。

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

谢谢

Answer 1

您的 CSS 使用 .newsLetter 类（大写 L），但您在 HTML 中呈现的类是“newsletter”（小写 L）。他们需要匹配。