html - 关注文本框时更改文本框父级的样式

Question

我有这个 HTML 标记:

<ul>
    <li>
        <input type="text">
    </li>
    <li>
        <input type="password">
    </li>
</ul>

每当您关注子文本框时，我想通过 CSS 更改父 li 的样式。有没有办法用 :focus 选择器或其他选择器来做到这一点？还是我需要使用 Javascript 执行此操作？

Answer 1

我不知道如何在他们的 child 获得焦点时使用 css 选择父级。但我只知道你可以用 javascript 的方式做到这一点。

对于 jQuery

$('input').on('focus', function(){  
    $(this).parent().css(/* the css you want to change */)
})

希望这对您有所帮助。