是否可以在input:focus上更改字段集的背景色？
是否可以在input:focus上更改字段集的背景色？
提问于 2011-12-29 08:32:32
当光标位于表单字段集的任何文本字段中时，是否可以更改该字段集的背景色？
我以为这可能行得通，但事实并非如此：
fieldset {background: #ffe;}
input[type=text]:focus+fieldset {background: #ff0;}回答 2
Stack Overflow用户
发布于 2011-12-29 08:36:55
如果您出于可访问性的原因而不使用该字段集，则只需执行以下操作：
http://www.pmob.co.uk/temp/categorybox.htm
如果边框和可访问性都需要它，请考虑将字段集包装在div中，然后设置包含div而不是fieldset的样式。
希望这能有所帮助！
哑光
Stack Overflow用户
发布于 2012-07-12 00:34:04
如果你正在使用Jquery，并且你没有嵌套你的字段集，你可以做一个简单的绑定，将自己附加到一个字段集中的所有页面控件上，每当你将焦点放在这些控件上时，就会在包含该控件的字段集中添加/删除一个类。
下面是一个示例：
`$('input, label, select, option, button', 'fieldset').each(function (index, item) { $(this).focus(function () { $(this).closest('fieldset').addClass('fieldsetFocus'); }); $(this).blur(function () { $(this).closest('fieldset').removeClass('fieldsetFocus'); }); });`页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8662874
复制相关文章
相似问题