Как предотвратить эффект темного режима для элементов формы HTML
Я работал над проектом, и вдруг я столкнулся с проблемой. Должен быть нормальный режим для элементов html-формы, например полей ввода, выбора и текстовой области, когда включен темный режим рабочего стола. Темный режим влияет на цвет фона элемента формы. Тогда я начал искать решение и нашел ответ. Существует свойство css, называемое color-scheme
, которое указывает, какую цветовую схему можно использовать.
Добавить свойство цветовой схемы, как показано ниже
input, select, textarea{
color-scheme: light;
}
Если я использую light
, он будет использовать только светлый режим.
input, select, textarea{
color-scheme: light dark;
}
Если я использую light dark
, то он будет использовать как темный, так и светлый режим.
Я использовал только light
, чтобы элементы формы могли оставаться в обычном дизайне, а не в темном цвете фона.