如何在MVC應用css類Html.TextBox

Question

我在我的MVC應用程序中有以下標記。我怎樣才能將課程應用於我的文本框？

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

Answer 1

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

然後在你的CSS文件，你可以使用這個選擇：

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

Answer 2

假設輸入框的類名是 「用戶名」，然後使用：

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

Answer 3

根據您的代碼，我相信Html.TextBox幫助器方法也會自動從名稱字段中創建一個ID：

id="username" 

然後，您可以通過使用CSS訪問文本框：

#username { 
    /* styles */ 
}