我有这个 HTML 标记:
<ul>
<li>
<input type="text">
</li>
<li>
<input type="password">
</li>
</ul>
每当您关注子文本框时,我想通过 CSS 更改父 li
的样式。有没有办法用 :focus
选择器或其他选择器来做到这一点?还是我需要使用 Javascript 执行此操作?
最佳答案
我不知道如何在他们的 child 获得焦点时使用 css 选择父级。 但我只知道你可以用 javascript 的方式做到这一点。
对于 jQuery
$('input').on('focus', function(){
$(this).parent().css(/* the css you want to change */)
})
希望这对您有所帮助。
关于html - 关注文本框时更改文本框父级的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19107660/