Стиль/семейство шрифтов не являются стандартными для компонентов. Например :
Как я могу исправить это с помощью «элементного пользовательского интерфейса»? Спасибо.
Версия Element-UI: 2.4.6
Я столкнулся с аналогичной проблемой, если вы используете веб-пакет, одним из вариантов является добавление следующего кода при импорте пользовательского интерфейса элемента:
import 'element-ui/lib/theme-chalk/reset.css'
Здесь вы найдете оригинальный ответ:
https://forum.vuejs.org/t/elementui-styling-is-not-applied-to-new-webpack-element-ui-project/26194/9
В моем сценарии я хотел внести глобальные изменения в семейство шрифтов.
Помимо импорта вышеупомянутого reset.css, как вы упомянули, некоторые компоненты, т.е. <input>s, <button>s, по-прежнему не вели себя и не наследовали объявленное семейство шрифтов (применительно к <body>) и возвращались к настройкам браузера по умолчанию.
Копаясь в проблемах element-ui GitHub, я нашел следующий фрагмент, который заставляет эти отсутствующие элементы наследовать их семейство шрифтов, поэтому одно определение семейства шрифтов в теле будет распространяться на все компоненты. Я вставляю это сразу после определения семейства шрифтов для тела.
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
Взято из: https://github.com/ElemeFE/element/issues/150#issuecomment-249750366
