2011-03-17 4 views
2

Je suis juste débutant avec WebMatrix et aimerais savoir comment styliser un contrôle @Html.TextBox("email") et @Html.Password("password")?Razor Syntax/WebMatrix - C#

J'ai essayé (dans mon fichier CSS):

.email{ 
    /* styles here */ 
} 

.password{ 
    /* styles here */ 
} 

Mais cela n'a pas d'effet du tout. Comment pouvons-nous styliser ces types de contrôles?

Répondre

6

Vous pouvez indiquer quelle classe à utiliser lors de la création de la zone de texte avec un type anonyme comme ceci: @Html.TextBox("Email", null, new { @class="email" })

+1

je l'ai mentionné, le type anonyme peut contenir tous les attributs que vous souhaitez ajouter à l'élément lors de sa création. Pas juste la classe. Par exemple: @ Html.TextBox ("Email", nouveau {width = "150px", height = "50px"}) –

+0

*@Html.TextBox ("email", nouveau {@ class = "email"}) * isn ne travaille pas. Au lieu d'appliquer les styles, la valeur de la zone de texte devient: {class = email} –

+1

Désolé à ce sujet, pensait à l'aide fortement typée. Au lieu de cela, essayez @ Html.TextBox ("Email", null, new {@ class = "email"}). Le deuxième paramètre est ce qui remplit la valeur de textboxs. –