【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">