IE6,IE7下按钮(BUTTON)变宽的解决方法

最新推荐文章于 2020-08-14 21:43:33 发布
原创 最新推荐文章于 2020-08-14 21:43:33 发布 · 195 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客给出了一段代码，定义了按钮样式。代码设置按钮溢出时可见，并设置了内边距为左右 0.5em。

代码如下:
.button{overflow: visible; padding: 0 .5em;}

按钮在IE中两边被拉伸的 BUG
01-19
2、IE 的按钮（XP 风格）默认样式是一个固定尺寸的圆角矩形图片作背景，所以一旦按钮变宽变高后，这个固定尺寸的圆角矩形图片的边缘自然就会出现“拉毛”的现象了。 对于第二个问题我们暂时没办法去解决，除非
IE6,IE7下按钮(BUTTON)变宽
weixin_30276935的博客
07-09 80
给按键添加个样式就OK了，没研究开始的时候就重置它，有空在完善下。 .button{overflow: visible; padding: 0 .5em;} 很简单，不是吗。 转载于:https://www.cnblogs.com/xcj1989/archive/2011/07/09/IE-BUTTON.html...
IE6 BUG之button
longint015的博客
07-28 121
[code="css"] button{ padding: 0 .25em; width: auto; _width: 0; overflow:visible !ie; } [/code] IE6下button随着文字的增多两边的内容边框也会增加的,上面的代码可以弥补这个BUG...
IE6下a标签无法点击bug----position和定义的宽度和高度
和上帝躲猫猫
02-13 940
前几天在做一个网站的引导页面，因为都是用图片，所以按钮需要用空a标签来做，发现a标签在IE6与IE7中点击无效中点击不了，其他浏览器都正常。一开始以为是z-index的问题，但不论z-index设置多大依然还是无效。代码大致如下：   a style="position:absolute; top:0; left:0; display:block; width:100px; heigh
解决Button在IE6、7下的自适应宽度问题
weixin_33862188的博客
06-05 157
写一个Button，有两种方式：其一，直接button标签；其二，input type=”button”。 不管哪种方式，Button的宽度在IE6、7下总是不能完美，接下来我们演示一个普通的Button，你可以用IE6或者IE7浏览器看看其显示宽度，然后对比Chrome或者IE8等浏览器，你会发现Bug的所在。 1、一个普通的Button: 可以很直接的看到Button的两边有空隙，当然，...
实现点击图片查看大图，可滚轮放大缩小，可拖动图片，兼容ie8及以上，ie7开始就有问题，以后拿出去用的时候再完善吧
akxj2022的博客
03-20 2903
前端小小白一枚，一直羡慕前端大神分分钟写出来一个模态层图片预览，这两天项目不吃紧，自己动手试做一个 既然是自己动手，虽然功能比不上大神的，不过兼容性调到了ie8，还是小有成就的，现分享出来给其他小白参考，路过的大神有更牛掰的代码，欢迎评论分享 工具：hbuilder 遇到的兼容性问题： ie8不支持 addEventLisenter，要判断，改用 attachEvent ie8不支持通过...
【IE7/6/5兼容】解决button类按钮变大的问题
iuukai
08-14 457
1. 未兼容时，IE7及更早版本的IE浏览器的按钮类元素都会变大 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .btn { padding: 15px 32px; color: white; background-color: rgb(72, 189,
js 实现点击图片放大
wangqiuchen_Study的专栏
12-27 2688
http://demo.lanrenzhijia.com/2014/pic0801/
js点击缩略图,整屏居中放大图片
热门推荐
皮卡丘の开发之路
07-03 2万+
需要实现的效果图： 今天开发的时候，遇到要点击缩略图之后居中显示图片的大图查看（大致效果如上图所示）~想了好几种实现方式，最开始的时候，是想通过animate来点击图片进行显示，可是后来当我想要让放大的图片进行居中显示和点击别的地方隐藏已显示的大图的时候，才发现实现起来有难度。1 第一张点击图片将图片放大 。。。
解决IE6、7、8中的按钮、select边框背景色
huang100qi的专栏
09-01 1万+
解决IE6与IE7中的按钮多出1px的内边框问题 参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] [操作系统：Windows] 自古多情空余恨——这话太适合形容我此时此刻的心情，IE6/IE7这俩自作多情的浏览器经常让我愤恨不已。 这故事、这bug是这样的： 默认的按钮我不爱它，所以我想给它一个我觉得漂亮的背景，但是长度又
在IE6、8中 <a>、button点击事件(onclick)没得反应经验总结
445822357
12-09 744
首先声明我不经常写js代码.对浏览器的兼容性积累经验不够,特别是IE6、7、8的兼容,总结此文章以便自己和大家一起积累,少花不必要的时间。 下面是我的js代码: /**** 保存修改数据* @return*/function saveConten(){$.ajax({type:"POST",url:"emp.do?param=UpdateEmpInfo",data:{"empId":$("#e...
autocomplete 属性规定输入字段是否应该启用自动完成功能。
关注前端开发
08-08 1047
定义和用法 autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。 注释：autocomplete 属性适用于 &lt;form&gt;，以及下面的 &lt;input&gt; 类型：text, search, url, telephone, email, pa...
去掉谷歌浏览器默认的input、textarea的边框
关注前端开发
08-08 330
1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。你可以用下面的css代码去掉所有元素的边框： *:focus {outline: none;} 用下面的代码去掉你要去掉的元素的边框： .nohighlight:focus ...
CSS-命名总结
关注前端开发
11-02 195
CSS-命名总结 CSS书写命名总结 一、命名原则: 不要通过视觉外观来给元素命名，而是根据功能给元素命名。 ID具有唯一性，Class具有可重复性。让所有的Class元素都成为外围ID元素的子级或孙级。 网页模块化，利于网站代码的控制，维护和修改 a.外围架构使用ID控制 b.内部结构使用Class控制 二、命名规则:   a.骆驼命名法 指混合使用大小写字母来构成...
input样式
关注前端开发
09-10 136
无边：border:0 none; outline-style:none; 自动完成:autocomplete= "off
30个最常用css选择器解析
关注前端开发
12-10 117
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。 1. * * { margin: 0; padding: 0; } 星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中...
Bootstrap按钮组件详解与实战教学
Bootstrap 正是为了解决这类问题而诞生的前端工具集，它通过预定义的 CSS 类和 JavaScript 插件，极大地简化了按钮的设计与实现过程。 在描述部分再次强调了“Bootstrap按钮”这一主题，说明该资源聚焦于按钮组件的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值