Styling của các yếu tố đầu vào khuyết tật - sự khác biệt giữa Chrome và Firefox

Tôi có một yếu tố đầu vào khuyết tật mà tôi đang tạo kiểu tóc bằng cách sử dụng CSS sau:Styling của các yếu tố đầu vào khuyết tật - sự khác biệt giữa Chrome và Firefox

input[disabled='disabled'] { 
    color: #666; 
}

CSS này hoạt động như mong đợi trong Firefox, nhưng Chrome làm cho màu sắc văn bản một số sắc thái quá nhẹ. Nếu tôi đặt màu thành màu đen là #000000 Chrome sẽ hiển thị màu xám đen thay vì màu đen. Vấn đề ở đây là CSS tạo ra kết quả mong đợi trong Firefox, chứ không phải trong Chrome.

Một ví dụ trong JSFiddle mà sẽ giới thiệu sự khác biệt: http://jsfiddle.net/2AtGX/

Làm thế nào tôi có thể nhận được yếu tố này đầu vào tàn tật để trông giống nhau trong Firefox và Chrome?

Nguồn

2011-12-07 Richard Keller