Inherit css что это?

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

Теперь понятно, наследуется одно свойство, не весь набор.

• Inherit действует на конкретное свойство. Запись color: inherit не переносит размеры, рамку и фон родительского блока. Поэтому отсутствие такой рамки у кнопки является нормальным результатом.
• Для вашего случая можно задать button { font: inherit; color: inherit; }. Сокращенное свойство font охватывает набор составляющих шрифта, а color отдельно связывает цвет текста с родителем. Размеры и отступы кнопки продолжайте задавать ее собственными правилами.
• Источником становится вычисленное значение непосредственного родителя. Если родитель получил цвет от своего предка, кнопка в результате может получить тот же цвет через эту цепочку, но она не ищет произвольный удобный элемент выше.
• Наследуемые свойства и inherit не являются одним и тем же уровнем понятия. Color обычно наследуется при отсутствии собственного значения, а inherit явно предписывает такое поведение в выбранном объявлении.
• Свойства, которые обычно не наследуются, тоже допускают inherit. Например, padding: inherit попросит взять родительские внутренние отступы. Используйте это только когда такое совпадение действительно задумано.
• Initial означает начальное значение по спецификации. Unset выбирает наследование для обычно наследуемых свойств и начальное значение для остальных. Поэтому подмена inherit одним из этих вариантов может дать другой результат.
• Каскад остается в силе: если объявление с inherit проиграло другому правилу, оно не станет итоговым только из-за особого значения.

Посмотрите Computed у кнопки и у ее родителя. Сравните именно font и color, затем проверьте состояния наведения и фокуса. Так можно сохранить согласованную типографику, не разрушая самостоятельные размеры элемента управления.