一、去掉边框:
看看基本的HTML:
复制代码代码如下:
div class="wrap"
input type="text" class="input_txt"
input type="submit" value="https://www.rkxy.com.cn/dnjc/submit" class="input_btn"
input type="button" value="https://www.rkxy.com.cn/dnjc/提交" class="input_btn"
div
通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉 。
实现方式一:设置CSS:
复制代码代码如下:
style type="text/css"
input{margin:0;padding:0;}
.wrap{background-color:#0f0;}
.input_txt,.input_btn{border:0 none;}
/style
实现方式二:设置CSS,并使用滤镜:
复制代码代码如下:
!--[if IE]
style type="text/css"
input{margin:0;padding:0;filter:chroma(color=#000000);border:none; }
.wrap{background-color:#0f0;}
/style
![endif]--
此种方式貌似会有点问题!待在真实IE7环境中验证 。
二、去掉焦点线:
复制代码代码如下:
style type="text/css"
a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());}
/style
推荐阅读
- IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- win7系统ie11企业模式怎么开启 win7下ie11企业模式开启方法
- IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
- 解决ie6下3像素bug问题
- IE6的BUG及修复 谓防患于未然的策略
- IE6图片加载的一个BUG解决方法
- js完美解决IE6不支持position:fixed的bug
- IE6不支持position:fixed bug的完美解决
- IE6网页神奇BUG
- 使用zoom解决IE6 margin无效BUG