Firefox中标签和复选框之间的额外空间

Question

我有一个带标签的复选框列表，我注意到与IE相比，Firefox中的间距看起来不同。

我已应用下面的CSS尝试删除所有间距。

border: 0 none;
margin: 0;
outline: medium none;
padding: 0;

不幸的是，正如您从下面的屏幕截图中看到的那样，Firefox复选框和标签之间似乎还有一些额外的空间。

Firefox：

Internet Explorer

为什么Firefox仍然在复选框和标签之间显示空格，但Internet Explorer没有使用相同的CSS？

Answer 1

简而言之，您看到这个原因的原因是这些细节在任何地方都没有被定义为标准，而是归结为'用户代理样式表' - 一组默认样式应用于具体的浏览器。

这让许多设计师/开发人员感到沮丧，并导致了一些CSS Reset样式表的开发。其中最好的（在我看来）是normalize.css，旨在提供一致且合理的默认值，平滑跨浏览器的不一致性，如您所描述的那样。