相关疑难解决方法(0)

我正在为我的网站登录页面,我想在文本框获得焦点时加粗输入框前面的标签.现在我有以下标记:

<label for="username">Username:</label>
<input type="textbox" id="username" />

<label for="password">Password:</label>
<input type="textbox" id="password" />

我可以使用相邻的选择器来选择文本框后面的标签,但我不能选择之前的元素.我可以使用这个CSS选择器规则,但它只选择后面的标签,所以当用户名文本框获得焦点时,密码标签变为粗体.

input:focus + label {font-weight: bold}

有什么我可以做的工作吗？我知道JavaScript可以用来轻松实现这一点,但是如果可能的话,我想使用纯粹的基于CSS的解决方案,我只是无法想办法做到这一点.