Изменить элементы CSS конкретного входа

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>

Как мне связаться с этим txtUserName из css файла? Я хочу изменить вещи textBox.

#right-side-panel .. тогда?

Заранее спасибо

Answer 1

W3C определяет идентификаторы как «уникальные идентификаторы элемента», поэтому вам просто нужно #txtUserName, чтобы соответствовать этому <input>.

Answer 2

например: в CSS #txtUserName { color:black; }

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

Answer 3

почему ты не можешь просто сделать: input#txtUserName?