CSS 入力フィールドの入力文字色
2023-09-08 03:21:03
質問
入力欄があるのですが、その中のテキストの色が黒になっています。(jquery.placeholderを使用しています) そこにあるテキストが"E-Mail"だとします。
このフィールドをクリックすると、黒いプレースホルダーのテキストが消えます(jquery.placeholderのおかげです)。
このフィールドに入力されたテキストは赤くなり、このフィールドの選択を解除すると、赤のままであってほしい。
現在、"E-Mail" というテキストは黒で、私が入力したものはすべて赤になり、それは素晴らしいことですが、私が選択を解除するとすぐに黒に戻ります。どなたか教えてください。テキストが選択解除された後も赤いままであって欲しいのです。以下は私のコードです。
textarea:focus, input:focus {
color: #ff0000;
}
input, select, textarea{
color: #000;
}
どのように解決するのですか?
2つ目のスタイルをこのように変更します。
input, select, textarea{
color: #ff0000;
}
現時点では、フォームにテキストを変更するよう指示しています。
black
に変更するよう指示しています。 上記はそれを是正するものです。
また、通常状態のスタイルを先に配置し、その後に
:focus
と
:hover
を追加してください。 これはこの問題を防ぐのに役立ちます。 そのため
input, select, textarea{
color: #ff0000;
}
textarea:focus, input:focus {
color: #ff0000;
}
関連
-
[CSSチュートリアル】CSSのトリッキーなグラデーションで高度な背景光アニメーションの感覚を実現
-
[CSSチュートリアル】CSS たった1行のコードでアバターと国旗の一体化を実現
-
[css3]css3はtransform-originを使用して、大きな円上のドット分布のレイアウトと回転を実現します。
-
[CSSチュートリアル]CSSは、メソッドのさまざまな記事の分割行のスタイルの要約を達成するために
-
フロントエンドの落とし穴 リソースはスタイルシートとして解釈されるが、MIMEタイプはtext/htmlで転送される。"<URL>". css スタイルの失敗
-
[CSSチュートリアル】シンプルなナビゲーションバー機能を実現するhtml+css
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】CSSで2カラムレイアウトを実現するN種類のメソッド
-
[CSSチュートリアル】CSSもこんな風に遊べる?気まぐれグラデーションの極意
-
[css3]css3は、3つの方法のサンプルコードのテキストの点滅効果を達成するために
-
[css3] scss変数の値を実行時に変更するcss3 var()の使用方法を説明します。
-
[CSSチュートリアル】空間均等性の問題を解決する2つの方法
-
[css3]Apple携帯電話のロック解除のためのCSS3サンプルフォントシャインエフェクト
-
[CSSチュートリアル】ピュアCSSで作るスクロールシャドウ効果
-
[CSSチュートリアル]テーブル table :nth-child()を使って行間の色変更と整列を実現する。
-
[CSSチュートリアル】カラフルで知的なシャドウ効果を実現するCSS
-
[CSSチュートリアル】SVGを使ったCSSアニメーションでエネルギーフローを表現する