手机
当前位置:查字典教程网 >网页设计 > 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条状图表形式的实现方法

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

CSS的滑动门技术研究

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

list-style-image无法准确定位通过(li的背景模拟或相对定位)解决

去除链接元素的虚线框(兼容IE7、IE6、FF)

CSS的滤镜的效果详细介绍

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

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

CSS实例教程:十步学会用CSS建站

精品推荐
分类导航