HTML、CSS..：按钮和选择中的字体大小与纯文本中的不同（至少在FF中）

我有一条规则：

body {

    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px
}

但是，我有不同的字体大小的选择和按钮，然后为纯文本

如果我想要所有东西都一样大，我该怎么办

问候

---

Javi对按钮不太确定，但大多数浏览器都尝试以标准方式（例如12点Arial）设置

元素的样式。如果要更改这些样式，必须添加显式CSS规则：

select {    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

---

公式元素通常不会继承这些属性，因此必须执行以下操作：

body{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
input, select, button{
    font-family: inherit;
    font-size: inherit;
}

---

默认情况下，表单元素（如文本和密码输入（提交和按钮？）、选择、文本区域和按钮）的样式为单空格字体，结果大小约为13.33px。
您可以检查

C:\Program Files\Firefox\res\forms.css

（在WinXP下），或者使用HTML部分中的Firebug，即样式选项卡==>默认css属性右侧的小三角形

body {
  font: normal 62.5%/1.5 Verdana,Arial,Helvetica,sans-serif;
}

input, select, textarea, button {
  font-size: 1.2em;
}

p {
  font-size: 1.2em;
}

将导致

12px

+

Verdana

表单元素（和

1em=10px

整个页面的等价性）

正文{
字体系列：无衬线；
}
钮扣{
字体：继承
}

无衬线字体示例

给我打电话

+1，您知道inherit是否也适用于TD元素来继承父字体大小/字体系列吗？这应该是首选答案。好东西。嗨，你能解释一下这是从哪里来的吗？（默认字体大小）@PaulCo这是默认的UA CSS（每个浏览器在任何其他用户和作者/开发人员之前应用于HTML页面的样式）。现在可以找到。我不知道什么

font:-moz字段

的意思是，但这就是应用的内容：）通过激活此信息的选项，您可以在现代DevTools中看到这些默认样式！我仍然很惊讶，你在MDN或其他平台上看不到这一点。忘了提到我的链接来源：（删除Fx链接中的html.css以查看所有文件，但是，在F12中，每个元素更简单）。还有一个指向WebKit的链接（两者都是开源的，很有帮助！）。此外，W3CHTML5还具有。最后，标准化。CSS和ReBOOT.CSS将帮助您不必考虑这些差异（重置CSS是另一种野兽：它们会杀死任何形式太多的IMHO）。请将答案扩展到为什么会发生这样的细节上？

body {
  font: normal 62.5%/1.5 Verdana,Arial,Helvetica,sans-serif;
}

input, select, textarea, button {
  font-size: 1.2em;
}

p {
  font-size: 1.2em;
}