时间:2021-05-08
一、去掉边框:
看看基本的HTML:
复制代码代码如下:
<div class="wrap">
<input type="text" class="input_txt">
<input type="submit" value="submit" class="input_btn">
<input type="button" value="提交" 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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
第1种方法:IE6:[Ctrl+A全选注:引入外部Js需再刷新一下页面才能执行]IE7:[Ctrl+A全选注:引入外部Js需再刷新一下页面才能执行]IE6、IE
如下IE6/7/8/9/Opera12/Firefox5Safari5/Chrome12INPUT[type=text]INPUT[type=password]
使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题 我们经常遇到一个容器外面套一个边框,边框高度随容器高度变化,但是当边框内容器设置
!important可被FireFox和IE7识别*可被IE6、IE7识别_可被IE6识别*+可被IE7识别IE专用的条件注释
ie6专用:_height:100px;ie7专用:*+html.box{height:100xp;}ie6和ie7公用:*height:100px;ie7和f