css - 为什么只有当我使用 em 字体大小作为输入时，我的正文 CSS 才会影响我的输入 CSS？

Question

我一直认为正文字体和输入字体是分开的。例如，如果我的 HTML 有这个：

<div>一些测试文本</div>
<输入类型="文本"/>

然后这是我的CSS：

身体 {
  字体：2em verdana；
}

那么只有 div 字体大，输入文本保持小。但是如果我添加这个 CSS：

输入 {
  字体大小：1em；
}

然后输入字体大小采用正文字体大小。为什么？

Answer 1

你的第一句话是对的：输入元素通常不继承字体大小。

使用em它不再起作用，因为1em根据定义，它是元素的字体大小 - 如果将字体大小设置为em，它基于父元素的字体大小，因为元素本身没有不再有绝对的字体大小。

所以使用font-size: 1em输入基本上有点像使用font-size: inherit输入和px身体设置。