参见英文答案 >
How to style button inputs to be identical in Chrome and Firefox? 4个
我在按钮内有一个span元素.跨度有背景颜色,但我不能让它填充Firefox中的按钮,它在Chrome和IE中都很好.
我在按钮内有一个span元素.跨度有背景颜色,但我不能让它填充Firefox中的按钮,它在Chrome和IE中都很好.
我看了两个类似的问题,但他们的答案似乎并没有解决这个问题.
> Remove extra button spacing/padding in Firefox
> firefox odd padding using anchor tags
这是我的问题的精简版:
div { height: 300px; width: 300px; background-color: red; } button { padding: 0px; margin: 0px; color: inherit; border: 0px none; background-color: blue; } span { background-color: yellow; display: block; width: 100%; }
<div> <button><span>span</span></button> </div>
解决方法
就像
here所解释的那样:“Firefox为输入和按钮元素添加了一个特殊的填充.”
这实际上解决了您的问题.
http://jsfiddle.net/2fm31sd7/1/
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner { padding: 0; border: 0 none; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。