+ -
当前位置:首页 → 问答吧 → 看看<button>内边距浏览器默认的差异

看看<button>内边距浏览器默认的差异

时间:2007-12-27

来源:互联网

rt,效果图见附件。

代码如下:
复制内容到剪贴板
代码:
<div class="grid">
<button type="button" class="bt_reset"><div>按钮文字</div></button>
</div>
复制内容到剪贴板
代码:
*{margin:0;padding:0;}
button {
    border:0;
    background:0;
}
.bt_reset {
    background:#000000;
    padding:1px;
}
.bt_reset div {/*块级元素,查看大小*/
    background:#999999;
}

附件

bt.gif (902 Bytes)

2007-12-27 17:14

按钮

作者: greengnn   发布时间: 2007-12-27

我也经常遇到这个问题,有时不得不做成图片了,想知道兼容的写法

[ 本帖最后由 chenjie203 于 2007-12-27 17:21 编辑 ]

作者: chenjie203   发布时间: 2007-12-27

该死的IE,死活控制不了padding。貌似根据文本的多少来决定 paddingLeft | paddingRight ,很是郁闷。

作者: fkueaps   发布时间: 2007-12-27

解决方法
.Button{padding:0 10px;overflow:visible;}

[ 本帖最后由 Sme7 于 2011-9-1 16:28 编辑 ]

作者: Sme7   发布时间: 2011-09-01

这确实是个问题!!

作者: yu357183   发布时间: 2011-09-01

热门下载

更多