Теперь займёмся полями формы. В форме есть однострочные текстовые поля ввода, многострочное поле и выпадающий список.

По умолчанию интерактивные элементы формы не наследуют текстовые свойства: цвет, параметры шрифта. Дело в том, что в браузере этим элементам задаётся специальное предустановленное оформление.

Как сделать оформление элементов форм таким же как у родительских элементов? Можно конечно продублировать свойства и значения родителей у дочерних элементов, но это непродуктивно и плодит лишние правила. При изменении текстовых стилей родителя придётся менять стили и у элементов форм.

Поэтому лучше воспользоваться специальным ключевым словом inherit. Оно заставляет элемент унаследовать значение соответствующего свойства у родителя. Если текстовые стили родителя изменятся, то и стили элементов формы изменятся автоматически.

Итак, для полей ввода формы зададим явное наследование свойств шрифта и цвета текста. Также не забудем оформить состояния при наведении и в фокусе.

В этом задании мы используем значение inherit для свойства font, так как это составное свойство, в котором описывается сразу несколько текстовых параметров (и все эти параметры будут наследоваться).