CSS - Firefoxの

Question

上のプレースホルダーテキストの色は私がwhiteに色を変更していないようできinputフォームフィールド内のテキストplaceholderを持って、それがgreyとして出てくるだけのFirefoxに。 Chromeブラウザはうまくいくようです。

フィールドに入力すると、正しい色が表示されます。応答性のない初期値はplaceholderです。

ご協力いただきますようお願い申し上げます。ありがとうございます。

CSS：

input#myinput::-webkit-input-placeholder { 
    color:#FFF; background-color:#CCC; 
} 
input#myinput::-moz-placeholder { 
    color:#FFF; background-color:#CCC; 
} 
input#myinput:-moz-placeholder { 
    color:#FFF; background-color:#CCC; 
} 
input#myinput::-ms-input-placeholder { 
    color:#FFF; background-color:#CCC; 
} /* IE10+ */ 

input[type="text"]{ 
    width:170px; height:16px; padding:12px 5px; border:none; 
    color:#FFF; font:14px/14px 'Arial', Helvetica, sans-serif; 
    text-align:center; background-color:#CCC; 
} 

Heres my fiddle

Answer 1

Firefoxのプレースホルダにopacity: 1を追加してみてください。

は、私はそれが他の色が「洗い流さ少し」を思えんが何よりも違いフォントレンダリングまで以上だ疑いfiddle

Answer 2

::-webkit-input-placeholder { 
    color: #fff; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: #fff; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: #fff; 
} 

:-ms-input-placeholder { 
    color: #fff; 
} 

Answer 3

//PLACEHOLDER EXAMPLE 

::-webkit-input-placeholder { /* WebKit, Blink, Edge */ 
    color: #666; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #666; 
    opacity: 1; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #666; 
    opacity: 1; 
} 
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #666; 
}