【CSS】::placeholder（擬似要素） - プレイスホルダー

CSSの擬似要素/placeholderについて解説します。

検証環境

CSS

macOS

14.1

placeholder

擬似要素/placeholderは“プレイスホルダーを表す擬似要素”です。

通常、input要素やtextarea要素のプレイスホルダーを指定するセレクターに使用します。

::placeholder {
    プロパティ名: プロパティ値;
}

『input要素のプレイスホルダー』を意味するセレクターのサンプルです。

sample.html

<style>
___ih_hl_start
input[type="text"]::placeholder {
___ih_hl_end
    color: red;
}
</style>

<input type="text" placeholder="keyword">

プレビュー