В моем сценарии я хотел сделать глобальное изменение в семействе шрифтов.
Помимо импорта вышеупомянутого файла reset.css, как вы упомянули, некоторые компоненты, например <input>
s, <button>
s, по-прежнему не ведут себя и не наследуют объявленное семейство шрифтов (применяется, например, <body>
) и возвращались к настройкам браузера по умолчанию.
Обойдя проблемы с GitHub element-ui, я обнаружил следующий фрагмент, который заставляет эти недостающие элементы наследовать их семейство шрифтов, поэтому одно определение семейства шрифтов в теле будет распространяться на все компоненты. Я вставляю это сразу после определения моего семейства шрифтов тела.
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
Взято из: https://github.com/ElemeFE/element/issues/150#issuecomment-249750366