IE6/7下多种方法移除button、input 默认边框和去掉焦点线_ Div+Css教程-查字典教程网
IE6/7下多种方法移除button、input 默认边框和去掉焦点线
IE6/7下多种方法移除button、input 默认边框和去掉焦点线
发布时间:2016-12-27 来源:查字典编辑
摘要:一、去掉边框:看看基本的HTML:通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上...

一、去掉边框:

看看基本的HTML:

<div>

<input type="text">

<input type="submit" value="submit">

<input type="button" value="提交">

<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,并使用滤镜:

<>

此种方式貌似会有点问题!待在真实IE7环境中验证。

二、去掉焦点线:

<style type="text/css">

a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());}

</style>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类