将CSS应用于剃刀助手

时间:2017-10-10 17:42:45

标签: jquery html css razor

以前我使用HTML和CSS制作了自己的表单。我结合了CSS类和ID来创建所需的样式。因为方便而且来自Lynda.com视频的建议我想利用参考库来允许客户端表单验证(使用jQuery Validate库)。 现在我正在尝试将我的类和id应用于自动生成的标签和输入字段,但css几乎没有显示。

我的问题是:如何将类和ID应用于此代码,以便输入字段及其标题显示为我之前使用的div元素。

以前的代码

<div class="text" id="name">Name</div>
<div id="name_input">@Html.TextBox("Name", null, new { @class =  "textbox" })
</div> <br />

自动生成代码&amp;我尝试添加css

<!-- Name -->
<div class="form-group">
  @Html.LabelFor(model => model.Name, htmlAttributes: new {@class = "text" })
  <div class="col-md-10">
    @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "textbox", @id = "input_name"}})
    @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger"})
  </div>
</div>

0 个答案:

没有答案