Element-UI: различия семейств шрифтов между компонентами - PullRequest
0 голосов
/ 28 августа 2018

Стиль шрифта / семейство не является стандартным для компонентов. Например:

  • Ввод против текстовой области
  • с данными по сравнению с раскрывающимся списком с размером страницы
  • уведомления

Как я могу это исправить "element-ui"? Спасибо.

Element-UI Версия: 2.4.6

Ответы [ 2 ]

0 голосов
/ 10 января 2019

В моем сценарии я хотел сделать глобальное изменение в семействе шрифтов.

Помимо импорта вышеупомянутого файла 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

0 голосов
/ 08 октября 2018

Я столкнулся с аналогичной проблемой, если вы используете веб-пакет, один из вариантов - добавить следующий код при импорте интерфейса элемента:

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

...