Change a specific input's css elements

Question

<div id="right-side-panel">
        <span>UserName:<br />
        <input id="txtUserName" type="text" />
        </span>
        <br />
        <span>Password:<br />
        <input id="txtPassword" type="password" />
        </span>
        <br />        
        <input id="btnLogin" type="button" value="Login" />
        </div>

How can I reach this txtUserName from css file? I want to change textBox's things.

#right-side-panel .. then?

Thanks in advance

just #txtUserName ? Edit: come on guys, you've got to be kidding... all you need is the #txtUserName! — Joseph Marikle
– Joseph Marikle, Commented Nov 9, 2011 at 14:37

Simone · Accepted Answer · 2011-11-09 14:40:10Z

1

The W3C defines IDs as "a unique identifiers to an element", so you just need #txtUserName in order to match that <input>.

answered Nov 9, 2011 at 14:40

Simone

21.6k15 gold badges84 silver badges112 bronze badges

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

Comments

MCSI · Accepted Answer · 2011-11-09 15:02:29Z

0

for example: in css #txtUserName { color:black; }

in jQuery $('#txtUserName').css('color', 'black');

answered Nov 9, 2011 at 15:02

MCSI

2,92430 silver badges35 bronze badges

Comments

El Guapo · Accepted Answer · 2011-11-09 14:38:21Z

0

why can't you just do: input#txtUserName?

answered Nov 9, 2011 at 14:38

El Guapo

5,7917 gold badges58 silver badges88 bronze badges

Collectives™ on Stack Overflow

Change a specific input's css elements

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related