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

标签: ie6 button input | 发表时间:2013-08-14 16:13 | 作者:BJ_benjamin
分享到:
出处:http://blog.csdn.net

一、去掉边框:

看看基本的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]-->

此种方式貌似会有点问题!

 

二、去掉焦点线:

<style type="text/css">
a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());}
</style>

作者:BJ_benjamin 发表于2013-8-15 0:13:54 原文链接
阅读:0 评论:0 查看评论

相关 [ie6 button input] 推荐:

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

- - CSDN博客推荐文章
<input type="button" value="提交" class="input_btn"> <div>. 通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉.

Mr. Button 表情纽扣

- Dennis Lee - 玩意儿
Button 是一系列的纽扣设计,各种不同人脸的表情,不同颜色的线也能带来不同的效果,由 John Caswell 设计. 本文原始链接:http://www.cngadget.cn/mr-button.html.

IE6 的 !important

- 蓝精灵 - 幸福收藏夹
从开始要学解决 CSS 兼容问题时候起,就经常听 important 有各种坏处,不要使用,并且 IE6 下不能生效. 所以一下没有用 !important. 直到昨天给新人讲 CSS 的时候,这个问题才被提起. 早上旁边的小姑娘又问起,我说写个测试. 由此我们可以得出的结论是:IE6 下是可以使用 !important 的,但相同选择器内如果 !important 不是写在最后,则 !important 失效.

HTML5中新型input类型

- - WebHek
你可能已经听说过,HTML5里引入了几种新的input类型. 在HTML5之前,大家熟知的input类型包括:text(输入框),hidden(隐藏域),submit(提交按钮)等. 而HTML5到来之后,新增的input类型包括:number(数字),date(日期),color(颜色),range(范围)等等.

html中input上传多个文件

- - CSDN博客Web前端推荐文章
如何使用html上传多个文件呢. 我搜索中文怎么也找不到合适的,都是用js动态添加input,然后提交,不能满足我想要的——打开选择文件的窗口后可以一次性选择多个文件. 不过有一个问题,只支持IE10+,连IE9都不支持,o(︶︿︶)o . 其实方法很简单<input type="file" name="upload">这样只能选择一个文件,<input type="file" multiple name="upload">这样就可以选择多个文件了,怎么样,很方便吧.

IE6: 不死心还在

- Titian - 帕兰映像
在刚发布的WordPress 3.2功能一览里面,我认为wordpress 3.2真正的革新是更高的服务器环境要求和不再支持IE6. 其中不支持IE6这一条,勾起了我常久以来想长篇大论一下IE6的冲动. 正好最近循环播放信乐团的一首歌“不死心还在”,该歌名很适合说明当下IE6在中国的状况. 我每次去帮不同的朋友解决电脑问题的时候,他们都在用着IE6.

漫画:IE6这一辈子

- FlyFire - UXD2
原作者网站: http://bradcolbow.com/. 原作者内容授权方式: Creative Commons 2.5. 转载请务必注明原作者署名: Brad Colbow.

js获取各种宽高(ie6&ie6+,firefox,chrome兼容完整版)

- - CSDN博客Web前端推荐文章
ps.由于获取宽和高是一样的道理,只是把字面上height变成width,所以代码只示例高度. 首先是获取浏览器视窗有关的宽高(BOM有关的部分):. 获取电脑屏幕分辨率宽高:window.screen.height. 获取电脑工作区宽高:window.screen.availHeight(所谓的工作区就是除去任务栏剩下的区域,win7可以隐匿任务栏,,这个时候window.screen.availHeight == window.screen.height).

用 Mega Button Chrome 扩展一键访问常用功能

- MEDiCi - 谷奥——探寻谷歌的奥秘
随着Chrome越来越简化界面,你想一键访问某个功能越来越难了,除非你记得住大概的名字,直接利用Omnibar地址栏访问(但是非geek应该还都不习惯用命令行或快捷键搞定一切吧. Mega Button这枚扩展就是可以让你一键访问很多功能:. 所有功能都会在新标签页打开,非常实用. © musiXboy 发表于 谷奥——探寻谷歌的奥秘 ( http://www.guao.hk ), 2011.

使用jQuery ajax中按钮button和submit的区别

- - 博客园_首页
昨天在使用jQuery ajax的post方法进行页面传值,无刷新获取数据展示,弄了半天就是没有效果,看了半天也没有语法错误,最后才终于明白问题出在哪里.. jQuery ajax的post方法这样写应该是没有问题的,点击submit提交按钮,sendPwd.php通过$_POST接收传过来的值,然后echo一段数据.