Html 文本输入的默认样式是什么？

我试图将输入更改为与锚定标记完全相同，但由于某些原因，在文本开始之前，左侧有1/2px的间隙。顶部还有1/2倍的间隙

知道这些差距是从哪里来的吗

我已经删除了填充、边距和边框

---

safari和firefox上的问题完全相同。

嗯，html元素（如文本输入）的默认样式因浏览器而异。如果您希望在所有浏览器上都显示相同的内容，则必须确保覆盖css中的所有内容。对于每种主要的浏览器，您都有某种检查工具，当您右键单击页面中的某个元素时，它会为您提供检查选项，该选项会准确地显示该对象的css属性。对于chrome和safari，这就是构建它。对于firefox，安装firebug插件。对于ie8+安装开发工具条。

下面是我能想到的最好的方法，让一个与

Safari、Chrome和IE似乎都与以下方面进行了很好的合作：

input[type="button"], a {
    margin:0;
    padding:0;
    border:0;
    cursor:pointer;
    font:12px/15px Helvetica, Arial, sans-serif;
    color:blue;
    text-decoration:underline;
}

但是，我使用的Firefox 6.0.1需要更多的技巧：

input[type="button"] {
    line-height:15px!important;
}

input[type="button"]::-moz-focus-inner { 
    border:0; 
    padding:0; 
}

这个-moz焦点内部似乎是元素周围额外间距的罪魁祸首，边框和填充都是在内部浏览器样式表goto中设置的resource://gre-resources/forms.css 在FF中查看样式表

---

也就是说，Firefox仍然在文本上方额外生成了1个像素，我不知道如何删除这些像素，虽然在切换按钮或锚定时，线高度没有变化，这意味着在切换元素时，父div不会因为1px而改变高度。

只是好奇为什么您希望输入标记看起来像锚定标记。我在标记和输入标记之间切换，所以我希望定位是一样的。看来这里的罪魁祸首是我！呜呜，我不小心把文本对齐到了中心，但没有注意到，因为空间太小了！不过，我还是要感谢你关于内部焦点的注释，它解决了上面的缺口。非常感谢。