IE6/7下移除button、input 默认边框和去掉焦点线
2013-08-15 00:13
239 查看
一、去掉边框:
看看基本的HTML:
通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉。
实现方式一:设置CSS:
实现方式二:设置CSS,并使用滤镜:
此种方式貌似会有点问题!待在真实IE7环境中验证。
二、去掉焦点线:
看看基本的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>
相关文章推荐
- IE6/7下移除button、input 默认边框和去掉焦点线
- IE6/7下多种方法移除button、input 默认边框和去掉焦点线
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- 【解决方案】去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- 去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
- 如何去除手机浏览器input焦点默认边框?
- 去掉谷歌浏览器默认的input、textarea的边框
- 去掉谷歌默认的input textarea边框样式
- 去掉谷歌浏览器默认的input、textarea的边框
- 去掉input在iphone出现默认边框
- 怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框呢
- html 去掉input 获取焦点时的边框
- 去掉chrome浏览器中input获得焦点时的带颜色边框呢
- Winfrom Button 去掉获取焦点时的边框
- html 去掉input 获取焦点时的边框
- input[type='submit']input[type='button']button等按钮在低版本的IE下面,去掉黑色边框的问题