24

この記事(スタイルテキスト入力プレースホルダー)に従ってください。テキスト入力プレースホルダーの色を赤色に変更できます。しかし、それは常に明るい赤色であり、正確に赤色ではありません。

正確に赤色にする方法はありますか?

アップデート

Chromeの色は赤(これは正しいです)、Firefoxの色は赤ではなく、明るい赤またはぼやけていると思います。

http://i279.photobucket.com/albums/kk132/svincoll4/2013-03-19_181239_zps84166305.png


編集(OP回答から):

この例(http://jsfiddle.net/LQkQG/)を確認してください。Chromeでは色が赤ですがlight-red、Firefoxでは色が赤です。Firefoxの色をChromeと同じにしたい。

4

4 に答える 4

58

不透明度をオーバーライドする必要があることがわかりました。

::-webkit-input-placeholder { /* WebKit browsers */
    color:    red;
     opacity: 1 !important;
}
于 2013-03-23T11:53:43.123 に答える
22

はい、HEX (16 進数) で値を設定すると、使用する色をより適切に制御できます。鮮やかな赤(できるだけ赤く)の色は#FF0000

ただし、Firefox は反逆者であり、使用する不透明度を指定する必要があります。

参考までにこちらのチャートをご覧ください

::-webkit-input-placeholder {
    color: #FF0000;
    opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}

:-moz-placeholder { /* Firefox 18- */
    color: #FF0000;
    opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #FF0000;
    opacity: 1 !important;
}

:-ms-input-placeholder {  
   color: #FF0000;
}
于 2013-03-19T11:00:23.657 に答える
-3

色の 16 進数値を入力します。

多分http://www.colorpicker.com/のようなツールを使用しますか?

于 2013-03-19T10:59:48.310 に答える
-4

訪問:http ://www.w3schools.com/html/html_colors.asp

<html>
<head>
<style type="text/css">

    input, textarea { color: #000; }
    .placeholder { color: #aaa; }
</style>
</head>
<body>
<form action="" method="post">

            <input type="text" name="user" placeholder="enter a text" />
            <input type="submit" value="submit" onclick="test()" />
</form>

カラーコードの代わりに、好きな色を書くことができます

于 2013-03-19T11:03:44.923 に答える