Chromeは要素のプレースホルダー属性をサポートしていますinput[type=text]
(おそらく他の属性もそうです)。
ただし、以下CSS
はプレースホルダーの値には何もしません。
input[placeholder], [placeholder], *[placeholder] {
color: red !important;
}
<input type="text" placeholder="Value">
Value
のgrey
代わりに残りますred
。
プレースホルダーテキストの色を変更する方法はありますか?
<input>
、input
セレクターのようにタグに一致しますが、プレースホルダーテキストを表示しています。また、プレースホルダー属性自体にも一致しません。
input
すべてのinput
要素を選択するため、セレクターとは異なります。は現在プレースホルダーを表示している要素:placeholder-shown
のみを選択input
するため、これらの要素のみをスタイル設定でき、プレースホルダーテキストを効果的にスタイル設定できます。何を言おうとしているのですか?
textarea
プレースホルダーテキストを表示している要素も選択しました。)