CSS を使用して HTML 入力のプレースホルダーの色を変更する-PHP中国語ネットワークQ&A

記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

CSS を使用して HTML 入力のプレースホルダーの色を変更する

P粉068510991 2023-08-27 11:17:26

419

Chrome v4 は、input[type=text] 要素のプレースホルダー属性をサポートします (他のものでも同様の可能性があります)。

ただし、次の CSS はプレースホルダー値に対して何も行いません:

input[プレースホルダー], [プレースホルダー], *[プレースホルダー] { 色: 赤!重要; }

valueは、 redではなく、 greyのままになります。

プレースホルダーのテキストの色を変更する方法はありますか?

P粉068510991

全員に返信 (2)

P粉6800875502023-08-28 10:14:21 2棟

リーリーリーリー

これにより、すべてのinputおよびtextareaプレースホルダーのスタイルが設定されます。

重要な注意:これらのルールをグループ化しないでください。代わりに、セレクターごとに個別のルールを作成します (グループ内の無効なセレクターはグループ全体を無効にします)。

いいねを押す+0

返信を追加

P粉7656846022023-08-28 09:38:19 1棟

＃＃＃実装＃＃＃

疑似要素、疑似クラス、なしの 3 つの異なる実装があります。

WebKit、Blink (Safari、Google Chrome、Opera 15) および Microsoft Edge は、疑似要素

を使用します。＃＃＃[＃＃＃参照する＃＃＃]＃＃＃＃＃＃Mozilla Firefox 4 ～ 18 では、疑似クラス::-moz-placeholder^{(aコロン) を使用します。＃＃＃[＃＃＃参照する＃＃＃]＃＃＃＃＃＃}Mozilla Firefox 19 は疑似要素
を使用しますが、古いセレクターはしばらくの間は引き続き機能します。＃＃＃[＃＃＃参照する＃＃＃] ＃＃＃＃＃＃Internet Explorer 10 および 11 は、疑似クラス::-ms-input-placeholderを使用します。＃＃＃[＃＃＃参照する＃＃＃] ＃＃＃＃＃＃2017 年 4 月:^{最新のブラウザーのほとんどは、単純な疑似要素::placeholder}[
]^{Internet Explorer 9 以前では、placeholder}属性がまったくサポートされておらず、
プレースホルダー CSS セレクターがサポートされていません。最良の実装オプションに関する議論は継続します。疑似要素は、DOM^{のシャドウ内の実際の要素と同様に動作することに注意してください。input}の
は、疑似要素と同じ背景色を取得しません。CSSセレクター^{ユーザーエージェントは、不明なセレクターを含むルールを無視する必要があります。セレクターレベル 3:}を参照してください。したがって、ブラウザごとに個別のルールを開発する必要があります。そうしないと、グループ全体がすべてのブラウザによって無視されます。

リーリーリーリー