Comment appliquer une classe CSS sur un MVC Html.TextBox

Question

J'ai l'étiquette suivante dans mon application MVC. Comment puis-je appliquer une classe à ma zone de texte?

<%= Html.TextBox("username", "", new { maxlength = 50 })%> 

Answer 1

<%= Html.TextBox("username", "", new { maxlength = 50, @class = 'your-classname' })%> 

ensuite dans votre fichier CSS que vous utilisez ce sélecteur:

.your-classname { ...css rules here... } 

Answer 2

en supposant que le nom de la classe de la boîte d'entrée est "nom d'utilisateur", utilisez:

input[type=text].username { 
    /* styles here */ 
} 

Answer 3

Basé sur votre code, je crois que la méthode d'aide Html.TextBox créera également automatiquement un ID à partir du champ de nom:

id="username" 

Vous pouvez alors accéder la zone de texte via CSS avec:

#username { 
    /* styles */ 
}