Application de CSS aux assistants de rasoir

Question

Auparavant, j'ai créé mon propre formulaire en utilisant HTML et CSS. J'ai combiné les classes CSS et les ID pour créer le style désiré. En raison de la commodité & une suggestion d'une vidéo Lynda.com je voulais tirer parti des bibliothèques de référence pour permettre la validation de formulaire côté client (en utilisant la bibliothèque de jQuery Validate). Maintenant, j'essaie d'appliquer mes classes et mes identifiants aux étiquettes générées automatiquement et aux champs de saisie, mais le CSS est à peine visible.

Ma question est: Comment pourrais-je appliquer des classes et des identifiants à ce code afin que les champs d'entrée et leurs titres soient affichés comme les éléments div que j'ai utilisés précédemment.

code précédent

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

code AutoGénéré & ma tentative d'ajouter 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

Réponse de Rohilas Behera

Il serait préférable de changer le CSS au lieu du rasoir. Essayez de créer des sélecteurs CSS par classe et n'utilisez pas d'ID comme nom_entrée. Parce que @Html.EditorFor(model => model.Name, va créer son propre ID et si vous modifiez explicitement l'ID en utilisant htmlAttributes .. Le champ de saisie manquera la validation côté serveur.