Element-UI:组件之间的字体系列差异

时间:2018-08-28 05:43:47

标签: vue.js vuejs2 vue-component element-ui

组件之间的字体样式/系列不是标准的。 例如:

  • 输入vs文本区域
  • 数据表与数据表页面大小弹出框下拉列表
  • 通知消息

如何以“ element-ui”方式解决此问题? 谢谢。

Element-UI版本:2.4.6

2 个答案:

答案 0 :(得分:4)

我遇到了类似的问题,如果您使用的是webpack,其中一种选择是在导入元素UI时添加以下代码:

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

答案 1 :(得分:1)

在我的情况下,我想对字体家族进行全局更改。

在导入上述reset.css的基础上,正如您提到的某些组件,例如<input><button>仍然没有表现并继承声明的font-family(适用于说{ {1}}),然后又回到浏览器的默认设置。

深入研究GitHub上的element-ui GitHub问题,我发现以下代码片段迫使这些缺少的元素继承其字体家族,因此主体上的单个字体家族定义将传播到所有组件。我在我的身体字体系列定义之后插入此代码。

<body>

来自:https://github.com/ElemeFE/element/issues/150#issuecomment-249750366