1. ホーム
  2. css

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;
}