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

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

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

検証環境

placeholder

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

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

基本構文

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

サンプル

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

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

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