伪类选择器:focus-within

:focus-within

它表示一个元素获得焦点，或，该元素的后代元素获得焦点。划重点，它或它的后代获得焦点，这也就意味着，它或它的后代获得焦点，都可以触发 :focus-within。

可以用:focus-within写按钮的点击边线效果：

代码：

.label:focus-within {
    outline: 3px solid rgba(0, 141, 255, 0.06);
}

即可写出点击扩大边框效果