How can I apply CSS to an HTML text input?

Question

Here is the ASP.Net MVC2 code that I use to display a textbox input.

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

Here is how it renders:

<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>

How would I use CSS for example to give the textbox a red border? How can I tell MVC2 to give this text input a class or something?

EDIT: I've tried the following, but the text I write into the input isn't green.

.textinput
{
    color:Green;
}

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

You could style this input by targeting the ID? eg. #termino {} in your CSS. Or are you wanting to apply/remove this style from a few elements? — MrWhite
– MrWhite, Commented Jul 30, 2010 at 15:05

hunter · Accepted Answer · 2010-07-30 15:07:14Z

6

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

answered Jul 30, 2010 at 15:07

hunter

63.7k19 gold badges115 silver badges115 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

David Thomas Over a year ago

+1 for answering the second part of the question (I have no experience of ASP/MVC2, so could only answer how to style after it's generated).

Sergio Tapia Over a year ago

Nevermind, I was loading the CSS file from cache. MASSIVE thanks for your help.

C Bauer · Accepted Answer · 2010-07-30 15:05:29Z

0

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

answered Jul 30, 2010 at 15:05

C Bauer

5,1534 gold badges38 silver badges63 bronze badges

Comments

David Thomas · Accepted Answer · 2010-07-30 15:06:45Z

0

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

answered Jul 30, 2010 at 15:06

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Comments

Philip Smith · Accepted Answer · 2010-07-30 15:09:45Z

0

To style all text boxes in the blackbar div you can use:

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

answered Jul 30, 2010 at 15:09

Philip Smith

2,82126 silver badges33 bronze badges

Collectives™ on Stack Overflow

How can I apply CSS to an HTML text input?

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related