CSS: Chrome中按钮的大小不同于Firefox
CSS: Chrome中按钮的大小不同于Firefox
提问于 2010-06-02 10:38:40
我有以下HTML代码：
<style type="text/css">
.submitbutton{margin-left:-2px;padding:1px}
</style>
...
<form>
...
<input class=submitbutton type=submit value="Create Listings" />
</form>在Firefox中，输入按钮比Chrome中有更多的填充。
你知道为什么吗？
更新:如果你想知道为什么我的页边距为负值--这是因为输入字段和输入按钮之间--有太多的空间。
回答 8
Stack Overflow用户
发布于 2010-12-03 15:59:22
/* Remove button padding in FF */
button::-moz-focus-inner {
border:0;
padding:0;
}在Chrome和Firefox中，你会看到相同的按钮外观。
Stack Overflow用户
发布于 2010-06-02 10:53:49
即使您作为开发人员在不同的浏览器中测试并看到按钮的差异，用户也看不到。人们很容易将注意力集中在用户不会注意到的事情上:用户可能使用Firefox或IE或Chrome，但不是全部。用户很少随着时间的推移切换浏览器，更不用说在浏览器之间切换并抱怨几个像素的差异了。
因此，如果你一次只考虑一个浏览器中的按钮和体验，并且如果它在该体验/浏览器中运行良好，那么就不要费心花费更多的时间。取而代之的是进入下一步。
这没有回答“为什么”，但其他人解释了这一点。
Stack Overflow用户
发布于 2010-06-02 10:44:52
根据操作系统和/或浏览器的不同，表单元素呈现方式不同(默认)。如果需要表单元素(输入域、提交按钮等)要在所有情况下看起来都一样，您必须使用边框、填充和边距显式地设置样式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2954659
复制相关文章
相似问题