大家在写按钮(input (type="button") 、button)的时候会发现在 IE 下:
随着字数的增多,两边的间距也会越来越大。
到底是什么原因呢?
IE 下按钮的 value 值每增加 4 个字节(汉字为 2 个)时,就会在按钮的两边产生总共一个字节的内边距宽度。
IE 下给按钮元素设置 overflow 属性的 visible 值(注 :padding 值仅在设置了overflow:visible 属性后才有效)后,发现原来还有一个小 BUG —— 如果将按钮置于表格单元格中,虽然按钮显示正确了,但是原先预留的宽度大小却没有改变,仍然占据着空间,需要在 IE6 中设置按钮的宽度(width)为 0(IE7同样也存在此 BUG,但暂时没有寻找到好的方式解决)。
代码如下
input.button {
padding: 0 .25em;
width: auto;
_width: 0;
overflow:visible !ie;
}
demo
- 大小: 8.8 KB
分享到:
相关推荐
大家在写按钮(input、button)的时候会发现在 IE 下: 随着字数的增多,两边的间距也会越来越大。 在 WIN 的XP 风格下,当字数很多时,两边还会出现严重的锯齿。 到底是什么原因呢? 蓝色理想 原 WEB标准化专栏 的...
自己封装的一个EditText两边放加减按钮Button来控制输入框的数值
超炫button按钮动画效果 附带activity切换动画效果,其实在一个项目里,大家自己体验吧!
一个C++的Button按钮类 Hover button 按钮
按钮,button按钮,button按钮,button
submit是button的一个特例,也是button的一种,它把提交这个动作...使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: <head> [removed] functio
button按钮看上去很清析的
button的一些样式,改变button,使之变的生动。
Android 自定义控件 EditText输入框两边加减按钮Button
在button下加上如下代码android:onClick=skip(skip即为方法对应的名字,然后在java代码中在定义具体的方法) <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_...
解决ie8按钮和文字变小问题
VS2017,MFC,很简单的重载Button实现圆形按钮 椭圆按钮类。 VS2017,MFC,很简单的重载Button实现圆形按钮 椭圆按钮类。
css样式对页面上的button控件进行美化,美化界面效果。
Android自定义控件EditText输入框两边加减按钮Button Demo【第二版】。 修复部分bug,添加了从XML中实例化控件的demo。
SplitButton 分裂按钮 WPF中制作分裂按钮的DEMO,使用很方便,制作华丽的SplitButton 分裂按钮
好看的button按钮样式表,下载后自己选择使用
css按钮样式
visual c++对BUTTON按钮换肤 自绘按钮控件