DevGang
Авторизоваться

Как предотвратить эффект темного режима для элементов формы HTML

Я работал над проектом, и вдруг я столкнулся с проблемой. Должен быть нормальный режим для элементов html-формы, например полей ввода, выбора и текстовой области, когда включен темный режим рабочего стола. Темный режим влияет на цвет фона элемента формы. Тогда я начал искать решение и нашел ответ. Существует свойство css, называемое color-scheme, которое указывает, какую цветовую схему можно использовать.

Добавить свойство цветовой схемы, как показано ниже

input, select, textarea{
color-scheme: light;
}

Если я использую light, он будет использовать только светлый режим.

input, select, textarea{
color-scheme: light dark;
}

Если я использую light dark, то он будет использовать как темный, так и светлый режим.

Я использовал только light, чтобы элементы формы могли оставаться в обычном дизайне, а не в темном цвете фона.

Источник:

#CSS #HTML
Комментарии
Чтобы оставить комментарий, необходимо авторизоваться

Присоединяйся в тусовку

В этом месте могла бы быть ваша реклама

Разместить рекламу