手机
当前位置:查字典教程网 >网页设计 > 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实现段落首行缩进两个字符不再使用空格

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

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

CSS3之边框多颜色Border-color属性使用

如何快速的呈现我们的网页

CSS3之边框多颜色Border-color属性使用示例

CSS3 media queries + jQuery实现响应式导航

CSS文字竖排方法

css实现文字的自动隐藏

精品推荐
分类导航