手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >IE6/7下多种方法移除button、input 默认边框和去掉焦点线
IE6/7下多种方法移除button、input 默认边框和去掉焦点线
摘要:一、去掉边框:看看基本的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>

【IE6/7下多种方法移除button、input 默认边框和去掉焦点线】相关文章:

CSS的滤镜的效果详细介绍

CSS伪类对象before和after的用法实例详解

如何用CSS将图片显示成圆角

如何让图片相对于上层DIV始终保持水平、垂直都居中

天猫新旺铺首页全屏滚动海报代码

CSS的滑动门技术研究

CSS的ul和li实现横向排列和去掉li的点

CSS条状图表形式的实现方法

CSS基础教程:CSS的display属性

CSS中几种常见的注释

精品推荐
分类导航