剃刀ヘルパーにCSSを適用する

Question

これまではHTMLとCSSを使って独自のフォームを作っていました。私はCSSクラスとIDを組み合わせて、希望するスタイルを作成しました。便利な&のLynda.comビデオからの提案のために、（jQuery Validateライブラリを使用して）クライアント側のフォーム検証を可能にするReference Librariesを利用したいと思っていました。 今、クラスとIDを自動生成されたラベルと入力フィールドに適用しようとしていますが、CSSはほとんど表示されていません。

私の質問は、入力フィールドとそのタイトルが前に使用したdiv要素のように表示されるように、クラスとIDをこのコードに適用するにはどうすればよいですか。

前のコード

<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> 

Answer 1

Rohilas Beheraことで回答

を追加する&私の試みCSSを変更する方が良いだろうかみそりの代わりに。 CSSセレクタをクラス別に作成し、input_nameのようなIDを使用しないでください。 @Html.EditorFor(model => model.Nameが独自のIDを作成し、htmlAttributesを使用して明示的にIDを変更すると、入力フィールドにサーバー側の検証が失われます。