更改特定输入的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>

如何从css文件中获取此txtUserName？我想改变textBox的东西。

#right-side-panel ..那么？

提前致谢

Answer 1

W3C将ID定义为“元素的唯一标识符”，因此您需要#txtUserName才能匹配<input>。

Answer 2

为什么你不能这样做：input#txtUserName?

Answer 3

例如： 在css #txtUserName { color:black; }

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