css - giữ chỗ màu chữ trên firefox

Question

Tôi có một văn bản placeholder bên trong một lĩnh vực input hình thức mà tôi không thể dường như thay đổi màu sắc để white, nó đi ra như grey nhưng chỉ trên firefox. Trình duyệt Chrome có vẻ ổn.

Khi bạn nhập vào trường, màu chính xác hiển thị, nó chỉ là số placeholder ban đầu không phản hồi.

Bất kỳ trợ giúp nào sẽ được đánh giá cao, cảm ơn.

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

Thêm opacity: 1 đến placeholders Firefox.

Xem cập nhật fiddle

Answer 2

Hãy thử

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