[CSS] 設定 focus 後讓上層元素改變樣式的選擇器- :focus-within

分享:
標籤: CSS CSS3

:focus-within 是一個可以用來改變上層元素樣式的偽類選擇器,只要在你要套用的元素上面加上 :focus-within,這樣裡面只要有表單元素有被 focus,就會吃到該樣式。

form:focus-within {
  background: #ff8;
  color: black;
}

範例: