将CSS应用于剃刀助手

问题描述：

以前，我使用HTML和CSS制作了自己的表单。我组合了CSS类和ID来创建所需的样式。由于方便&来自Lynda.com视频的建议，我想利用参考库来允许客户端表单验证（使用jQuery验证库）。现在我正尝试将我的类和id应用于自动生成的标签和inputfields，但css几乎没有显示。将CSS应用于剃刀助手

我的问题是：我会如何应用类和id的代码，以便输入字段和它们的标题显示就像我以前使用的div元素。

以前的代码

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

自动生成的代码&我尝试添加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>

最好是改变CSS而不是剃刀。尝试按类制作CSS选择器，不要使用ID如input_name。因为@ Html.EditorFor（model => model.Name）会创建自己的ID，并且如果你使用htmlAttributes明确地改变了ID。输入字段将会错过服务器端验证 –

这被证明是更好的选择。和更多的灵活性。因为这是一个评论，所以不能给你正确的答案。 –

答

回答Rohilas Behera

这将是更好的改变CSS而不是剃刀。尝试按类制作CSS选择器，不要使用ID如input_name。因为@Html.EditorFor(model => model.Name将创建自己的ID，并且如果您使用htmlAttributes显式更改ID。输入字段将错过服务器端验证。

将CSS应用于剃刀助手

相关推荐