我正在使用< button>以表格形式发帖子.我还设置了一个完全像< button>的a.button. (我需要a.button来制作一些JS的东西).
按钮有一些填充,固定高度.当我指定按钮/ a的宽度时,它们看起来都一样.但是当我向< button>添加宽度时它忽略了填充.
我在Chrome,Firefox和Opera中遇到了这个问题,所以我猜这不是渲染错误.同样的问题与< input type =“submit”/>
这是基本的CSS：
.button,button {
margin: 0;
display: inline-block;
border: 0;
text-decoration: none;
cursor: pointer;
color: black;
background: #ddd;
font: 12px Verdana;
padding: 40px; /* 40px,so you can see that it won't be rendered with width */
text-align: center;
}
HTML：
<a href="#" class="button">Some text</a> <button>Some text</button> <!-- Works fine till here --> <br /><br /> <a href="#" class="button" style="width:200px">Some text</a> <button style="width:200px">Some text</button>
小提琴：http://jsfiddle.net/9dtnz/
有什么建议为什么浏览器忽略填充？ (使用高度时的顶部和底部/使用宽度时的左右).
