IE6/7下移除button、input 默认边框和去掉焦点线

一、去掉边框:

看看基本的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>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值