CSS ::placeholder 偽元素

定義和用法

CSS ::placeholder 偽元素用于設置 <input> 或 <textarea> 元素的占位符文本的樣式。

占位符文本通過 placeholder 屬性設置，該屬性描述了字段的預期值的提示。

提示：在大多數瀏覽器中，占位符文本的默認顏色為淺灰色。

實例

更改輸入字段中占位符文本的顏色和透明度：

input::placeholder {
  color: red;
  opacity: 0.5;
}

親自試一試

CSS 語法

::placeholder {
  css declarations;
}

技術細節

版本： CSS Pseudo-elements Module Level 4

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

相關頁面

CSS 參考：:placeholder-shown 偽類