Html 为什么IE7和其他浏览器中的复选框不一样？

为什么IE7和其他浏览器中的复选框不一样

对于此代码

<div style=" float: left; border: 1px solid;">
    <input type="checkbox" style="margin: 0px;">
</div>

其他浏览器（在本例中为Chrome）显示如下。

IE7显示如下（看起来有

填充

或

边距

，我检查了，但没有找到）。

---

如何将IE7中的结果更改为与使用CSS的其他浏览器相同？

这是一个关于为什么不同浏览器具有不同默认样式的一般性问题。您需要覆盖它们或使用“重置样式表”将其置零。然后，您应该使用自己的样式表文件（css文件），在其中放置样式规则，而不是使用那些内联样式属性（“style=“…”）。一旦您查找它，就会有无数这样的例子。要想知道到底是什么导致了一定的差距或距离，请使用浏览器开发控制台检查渲染。请查看浏览器文档或阅读“web开发入门”“指南，这些都解释了基础。使用CSS重置样式表，如Normalize使用CSS hack，只针对IE7，并设置一些负边距。