3

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

  • 输入与文本区域
  • 数据表与数据表页面大小弹出器下拉菜单
  • 通知消息

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

Element-UI 版本：2.4.6

4

2 回答 2

7

我遇到了类似的问题，如果您使用的是 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

于 2018-10-08T13:23:29.483 回答
1

在我的场景中，我想对字体系列进行全局更改。

除了导入上面提到的 reset.css 之外，正如您提到的一些组件，即<input>s、<button>s 仍然没有表现和继承声明的字体系列（适用于说 the <body>）并且正在回退到浏览器默认值。

围绕 element-ui GitHub 问题进行挖掘，我发现以下代码片段强制这些缺失的元素继承其字体系列，因此主体上的单个字体系列定义将传播到所有组件。我在我的 body font-family 定义之后插入了这个。

    button, 
    input, 
    select, 
    textarea {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            color: inherit;
        }

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

于 2019-01-10T10:40:27.580 回答