プレースホルダーの色を変更する方法
- 前のページ 編集可能なコンテンツの枠
- 次のページ テキストエリアのサイズ変更を無効にする
CSSを使用してプレースホルダーの属性の色を変更する方法を学びます。
プレースホルダーの色を変更する方法
第1ステップ - HTMLを追加：
入力要素を使用して、以下を追加します。 placeholder 属性：
<input type="text" placeholder="赤いプレースホルダーテキスト..">
第2ステップ - CSSを追加：
ほとんどのブラウザでは、プレースホルダーテキストは灰色です。この設定を変更するには、 ::placeholder プレースホルダーのスタイルを設定する選択子を設定します。
注意してください。Firefoxはプレースホルダーに低い不透明度を追加するため、 opacity: 1 この問題を解決するため。
::placeholder {
color: red;
opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
color: red;
{}
関連ページ
リファレンスマニュアル：CSS ::placeholderセレクタ
- 前のページ 編集可能なコンテンツの枠
- 次のページ テキストエリアのサイズ変更を無効にする
