如何將CSS應用於HTML文本輸入？

這裏是我用來顯示文本框輸入的ASP.Net MVC2代碼。如何將CSS應用於HTML文本輸入？

<div id="blackbar"> 
    <p>Sistema de Evaluaciones de Docentes</p> 
    <%: Html.TextBox("termino","") %> 
    <img src="../../Content/search.png" alt="search" /> 
</div>

這裏是如何呈現：

<div id="blackbar"> 
    <p>Sistema de Evaluaciones de Docentes</p> 
    <input id="termino" name="termino" type="text" value="" /> 
    <img src="../../Content/search.png" alt="search" /> 
</div>

我將如何使用CSS，例如給文本框紅色邊框？我怎麼能告訴MVC2給這個文本輸入一個類或什麼？

編輯：我試過以下，但我寫入輸入的文本不是綠色的。

.textinput 
{ 
    color:Green; 
} 

<%: Html.TextBox("termino", "", new { @class = "textinput" })%>

來源

2010-07-30 Sergio Tapia

你可以樣式該'通過靶向ID input'？例如。 '#termino {}'在你的CSS中。或者你想要從幾個元素中應用/刪除這種風格？ – MrWhite 2010-07-30 15:05:22

<%=Html.TextBox("termino", "", new { @class = "redborder" }) %>

來源

2010-07-30 15:07:14 hunter

+1用於回答問題的第二部分（我沒有ASP/MVC2的經驗，因此只能在生成後回答樣式）。 – 2010-07-30 15:09:31

嗨，請參閱編輯。 – 2010-07-30 15:12:14

沒關係，我正在從緩存中加載CSS文件。 MASSIVE感謝您的幫助。 – 2010-07-30 15:15:34

#termino { border: solid 1px #F00; }

來源

2010-07-30 15:05:29

input[name=termino], 
input#termino, 
#termino 
{ 
border: 1px solid #f00; 
}

來源

2010-07-30 15:06:45

款式在blackbar DIV所有文本框，你可以使用：

#blackbar input[type='text'] { ... }

來源

2010-07-30 15:09:45

如何將CSS應用於HTML文本輸入？

回答

相關問題