如何将CSS应用于HTML文本输入?

时间:2010-07-30 15:00:40

标签: html css asp.net-mvc-2

这是我用来显示文本框输入的ASP.Net MVC2代码。

<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" })%>

4 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

要设置blackbar div中所有文本框的样式,您可以使用:

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