×

标签 : Button

优畅主题 2015-03-27 21:29 4,352℃ 0 条
 0 

为了验证高度我们将左边放一个高度固定的DIV,你会发现,firefox是要高出2像素的。 HTML为 <button class="button">订阅</button> 样式为 .button { background-color:#fff; border:1px rgba(0,0,0,0.15) solid; color:rgba(0,0,0,0.3); padding:6px 8px; font-size:12px; cursor:pointer; line-height:1.6 } 可以用firefox和chrome 我们会发现firefox下和chrome下高度是不一致的,原因是firefox的buttom有一个-moz-focus-inner伪类,我们初始化一下这货…

阅读全文 >>
优畅主题 2014-09-04 09:50 1,594℃ 0 条
 0 

很早就遇到过这么个小问题,但由于其并未影响到实际作用和美观就没有正面解决它,现在,我们来试着解决它。 写一个Button,有两种方式:其一,直接button标签;其二,input type=”button”。 不管哪种方式,Button的宽度在IE6、7下总是不能完美,接下来我们演示一个普通的Button,你可以用IE6或者IE7浏览器看看其显示宽度,然后对比Chrome或者IE8等浏览器,你会发现Bug的所在。 1、一个普通的Button: 可以很直接的看到Button的两边有空隙,当然,这个空隙是无法用padding:0来解决的。 …

阅读全文 >>

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册