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 มิตราศัย