ie6、7下button的黑边、点状线去除方法

黑边bug出现背景:按钮(button、submit...)得到焦点时,按钮会出现1px的border,看着很是不爽。

从网上找的解决办法:

1.在button和input的标签外添加一个标签,然后将样式写在这个标签上,并且把button和input的默认样式都去除掉(但有的情况下我们是无法为这两个元素添加标签的,那么我们就需要别的方法来解决)。

2.使用滤镜解决:

<!--[if IE] >

<style type="text/css" >

input.submit, input.button, input.reset {

filter:chroma(color=#000000);

}

</style>

<![endif]-->

点状线bug背景:按钮(button、submit...)得到焦点时,按钮会出现点状线,影响美观。

网上找到的解决办法:

a:focus, *:focus {

noFocusLine: expression(this.onFocus=this.blur());

}

时间: 2024-11-07 06:05:49

ie6、7下button的黑边、点状线去除方法的相关文章

ie6、7下button添加背景和边框,内边距会出现1px的边框

ie6.7下button添加背景和边框,内边距会出现1px的空白边框 解决办法:在input外面加上一个标签,把背景和边框都写在标签的样式上面,input的 background和border都none. span { display:inline-block; width:40px; height:20px;border-radius: 2px; background:url(images/btnBg.gif) repeat-x;} input {width:40px; height:20px

空a标签 a标签空的情况下 IE6 IE7下点击无效

最近做了好多网站专题页面,因为专题页面图片较多,个别banner上有1个到多个按钮,一种是用"图解img标签的usemap"的方法做链接,(图解img标签的usemap使用方法)[传送门] 另一种用则需要用空a标签来做,发现"a标签"在IE6与IE7中点击无效中点击不了("a标签"定义宽度和高度IE浏览器为零0),其他浏览器都正常(如果不正常请加"display:bolck;"(←推荐)或"float:left;&q

浮动在IE6,7下的一些问题

1.首先如果两个元素要并在同一行,使用float最好两个都加浮动 2.IE6下双边距问题,当有块级元素浮动的时候,该元素的横向margin值会被放大为两倍,解决办法:给该元素加display:inline即可. 3.li的一些问题 a:如果有两列布局,我们仅仅给右边加有浮动,在IE6,7下会折行,解决办法:正如第一条建议一样,要并在同一行的元素,最好都加浮动,所以这里只要给左列的元素也加上左浮动. b.IE6,7下LI内部的元素都浮动的话,li之间会有4px的间隙.解决办法:给li加vertic

golang编译的程序在windows下不显示黑框

如题,一个编译参数,备忘: -ldflags="-H windowsgui" 别的平台不适用 golang编译的程序在windows下不显示黑框,布布扣,bubuko.com

IE6/IE7下:inline-block解决方案

IE6/IE7下对display:inline-block的支持性不好. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的: 对象呈递为内联对象,但是对象的内容作为块对象呈递.旁边的内联对象会被呈递在同一行,允许空格.(准确地说,应用此特性的元素现为内联对象,周围元素保持在同一行,但可以设置宽度和高度等块元素的属性) IE中对内联元素使用displ

为什么IE6浏览器下line-height属性不管用了

为什么IE6浏览器下line-height属性不管用了:建议:尽可能的手写代码,可以有效的提高学习效率和深度.并不是所有的情况都会导致line-height属性在IE6浏览器下失效, 而是在特定条件才会遇到.例如以下代码就是正常的: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http

opacity在IE6~8下无效果,解决的办法

opacity在IE6~8下无效果,解决的办法 问题出现时rgba()在ie6下不出效果,最后查到是opacity的问题. opacity是css3时出现的,目前主流浏览器都支持.but老IE是个麻烦的问题. 查找网络后,发现解决办法大多都没用了. filter:alpha(opacity=50);     X 总结网上经验: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset='utf-8'> 5 <

ie6/7下给table的行tr 添加position:relative;的奇特bug,求大神告知

代码: <!DOCTYPE html> <html> <head> <title>ie6/7下给table的行tr 添加position:relative;的奇特bug,求大神告知</title> <style> * { padding: 0; margin: 0; } table tr { position: relative;float:left;overflow:hidden;z-index:1;height:100%;widt

IE6/IE7下margin-bottom失效兼容解决办法及双倍边距问题

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-04-08) 一.IE6/IE7下margin-bottom失效兼容解决办法 1.用padding-bottom代替:2.在父标签中加入overflow:hidden:或zoom:100%示例代码: 不正常显示 ul{} li{ list-style:none; float:left; margin:10px;} 1. 你会发现左边10px 变成20px了, 解决办法:在li的CSS中加入:display:inline