CSS :placeholder-shown 偽類

定義和用法

CSS :placeholder-shown 偽類用于選擇并設置當前顯示占位符文本的任何 <input> 或 <textarea> 元素的樣式。

提示：還可以使用 ::placeholder 偽元素來設置占位符文本的樣式。

實例

選擇并設置當前顯示占位符文本的任何 <input> 元素的樣式：

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

親自試一試

CSS 語法

:placeholder-shown {
  css declarations;
}

技術細節

版本： CSS4

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
47 79 59 9 34

相關頁面

參考：CSS ::placeholder 偽元素