入力プレースホルダーの色を暗くする

Question

この記事に従ってください（ スタイルテキスト入力プレースホルダー ）、テキスト入力プレースホルダーの色を赤色に変更できます。しかし、それは常に真っ赤ではなく、常に明るい赤色です。

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

update

Chromeの色は赤（これは正しい）です。Firefoxの色は赤ではなく、薄赤またはぼやけています。

---

編集（OP回答から）：

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

Answer 1

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

::-webkit-input-placeholder { /* WebKit browsers */
    color:    red;
     opacity: 1 !important;
}

Answer 2

はい、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;
}