Question

我在<textarea>内有一个<body>。我已应用以下CSS规则：

body {
    font-family: sans-serif;
    font-size: 16px;
}
textarea {
    font-family: monospace;
    /* font-family: "Courier New", monospace; */
}

这是Firefox 31.0中的样子：

Imgur

您可以在this JSFiddle中看到结果。通过使用Firebug检查<textarea>，我们可以看到它不会继承<body>＆＃39; font-size，而是将其设置为13px。（0.8em？）

Imgur

但是，如果我取消注释第二个font-family声明，strange things happen。

Imgur

现在，<textarea>似乎继承了<body> font-size，即使我手动无法更改。

最后，在这两种情况下，Firebug都会显示font-size: 16px <body>被覆盖，即使我没有找到任何覆盖它的浏览器样式表。

Imgur

在Internet Explorer 11或Chrome 34中似乎不会出现这种情况。

通过将font-size: 0.8em设置为所有<textarea>来轻松解决问题，但原因让我感到困扰。

可能是什么原因造成的？可能是Firefox中的一个错误？