Поля не отключены в некоторых браузерах

Question

Я использую много разных полей для своего сайта, таких как список радио, текстовая область, флажок, текстовое поле, раскрывающийся список, дата и т. Д. Иногда эти поля устанавливаются на отключенные.

Функционально это означает, что их значения нельзя редактировать. Это корректно работает во всех браузерах.

Эстетически, это означает, что они каким-то образом должны быть серыми. При использовании Internet Explorer все поля отображаются серым цветом после отключения. Однако в Firefox и Chrome только переключатели, флажки и выпадающие списки явно выделены серым цветом. Все остальные поля выглядят одинаково, как если бы они все еще были включены.

Я был бы признателен за любую помощь в выяснении того, как сделать все поля серыми во всех браузерах при отключении.

Answer 1

Вы можете использовать CSS

input[disabled] 
{ 
    background-color:#D3D3D3; 
}