问使用CSS使用嵌套输入字段更改字段集的背景色
EN

Stack Overflow用户

提问于 2018-06-07 04:21:38

回答 1查看 88关注 0票数 0

..。当用户在表单中移动时更改字段集的背景。在基本层面上，这是非常有效的。在更高级的层面上，我在处理嵌套在条件div中的输入字段时遇到了问题。换句话说，在他的示例中，输入不再是div的兄弟。

为了给你一个直观的印象，这是可行的：

<fieldset>
<input>
<div></div>
</fieldset>

但这不是：

<fieldset> 
<div class="conditional"> 
<input> 
</div> 
<div></div> 
</fieldset>

回答已采纳

发布于 2018-06-07 04:33:01

实际上，您现在可以使用影响焦点上输入的父级

:focus-within

：focus - an伪类表示已获得焦点的元素或包含已收到焦点的元素。换句话说，它表示一个自身与:focus伪类匹配的元素，或者有一个与:focus匹配的子元素。(这包括阴影树中的子体。)

fieldset:focus-within {
  background: red;
}

<fieldset>
  <input>
</fieldset>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50728928

复制

相似问题

问使用CSS使用嵌套输入字段更改字段集的背景色EN