IE6/7下多种方法移除button、input 默认边框和去掉焦
网站建设 2023-01-28 20:49www.1681989.com免费网站
一、去掉边框
看看基本的HTML
<div class="wrap">
<put type="text" class="put_txt">
<put type="submit" value="submit" class="put_btn">
<put type="button" value="提交" class="put_btn">
<div>
通常解决这样的bug最好的方法就是在button和put的标签外添加一个标签,然后将样式写在这个标签上,并且把button和put的默认样式都去除掉。
实现方式一设置CSS
<style type="text/css">
put{marg:0;paddg:0;}
.wrap{background-color:#0f0;}
.put_txt,.put_btn{border:0 none;}
</style>
实现方式二设置CSS,并使用滤镜
<!--[if IE]>
<style type="text/css">
put{marg:0;paddg:0;filter:chroma(color=#000000);border:none; }
.wrap{background-color:#0f0;}
</style>
<![endif]-->
此种方式貌似会有点问题!待在真实IE7环境中验证。
二、去掉焦点线
<style type="text/css">
a:focus, :focus {noFocusLe: expression(this.onFocus=this.blur());}
</style>
看看基本的HTML
复制代码
代码如下:<div class="wrap">
<put type="text" class="put_txt">
<put type="submit" value="submit" class="put_btn">
<put type="button" value="提交" class="put_btn">
<div>
通常解决这样的bug最好的方法就是在button和put的标签外添加一个标签,然后将样式写在这个标签上,并且把button和put的默认样式都去除掉。
实现方式一设置CSS
复制代码
代码如下:<style type="text/css">
put{marg:0;paddg:0;}
.wrap{background-color:#0f0;}
.put_txt,.put_btn{border:0 none;}
</style>
实现方式二设置CSS,并使用滤镜
复制代码
代码如下:<!--[if IE]>
<style type="text/css">
put{marg:0;paddg:0;filter:chroma(color=#000000);border:none; }
.wrap{background-color:#0f0;}
</style>
<![endif]-->
此种方式貌似会有点问题!待在真实IE7环境中验证。
二、去掉焦点线
复制代码
代码如下:<style type="text/css">
a:focus, :focus {noFocusLe: expression(this.onFocus=this.blur());}
</style>
网站设计
- 静宁会SEO的网站建设公司:全面提升您的网络影
- 提升在线业务的关键:选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司:打造您的在线品牌
- 灵山SEO网站建设公司:提升您的在线业务表现
- 蒙城网站建设优化公司:提升您网站表现的理想
- 阳谷企业网站优化:提升线上业务力的关键
- 樟树专业的网站建设公司:打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司:助您轻松打造在线业务
- 巫溪百度网站优化:提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱?全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销