CSS :focus-within 偽類

定義和用法

CSS :focus-within 偽類用于匹配一個元素，如果該元素或其任何后代元素獲得焦點。

實例

當表單中的某個字段獲得焦點時，選擇并設置表單的樣式：

form:focus-within {
  border: 2px solid black;
  background-color: beige;
  color: black;
}

親自試一試

CSS 語法

:focus-within {
  css declarations;
}

技術細節

版本： CSS4

瀏覽器支持

表格中的數字指定了完全支持該偽類的首個瀏覽器版本。

Chrome Edge Firefox Safari Opera
60 79 52 10.1 47

相關頁面

教程：CSS 偽類

參考：CSS :focus 偽類