CSS伪类:focus-within:子元素获取焦点,父元素边框变色

478 阅读1分钟

:focus-within 是一个CSS 伪类 ,表示一个元素获得焦点,或该元素的后代元素获得焦点。换句话说,元素自身或者它的某个后代匹配 :focus 伪类。

如:CSS 子元素input获取焦点时,父元素td边框变色

image.png

 

.form-item:focus-within {
  border: 0.0052rem solid #0067FF;
}