`

添加重置IE outline方法

阅读更多
css / reset-ie-outline.css

@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,form,p,img,button,ol,ul,li,dl,dt,dd,table,thead{margin:0; padding:0; list-style:none; border:0;}
body{font-size:12px; color:#000; font-family:"微软雅黑","宋体";background-color:#FFF;}

a,button{outline:none;blr:expression(this.onFocus=this.blur());}
a:link,a:visited{color:#333333;-color:#8D8D8D; text-decoration:none;}
a:hover{color:#333333; text-decoration:underline;}
/*begin 去掉Button的虚线框*/
button::-moz-focus-inner,  
input[type="reset"]::-moz-focus-inner,  
input[type="button"]::-moz-focus-inner,  
input[type="submit"]::-moz-focus-inner,  
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;}  
:focus{outline:none;} 
/*end 去掉Button的虚线框*/

table {
	border-collapse:collapse;
}
table, td, th {
	/*border:1px solid #BEBEBE;*/
}




/*
 * IE中去掉outline可以在html元素可直接添加hidefocus="true"
 * 或在CSS中添加如下属性
 */
input[type=text],#slider a{
    outline:none;
    ie-dummy: expression(this.hideFocus=true);/*IE图片滚动链接去掉outline*/
}



给a链接添加hidefocus=”true”即可:
<a href="" hidefocus="true" >这是一个链接</a>
分享到:
评论

相关推荐

    div+css学习笔记(IE与fox好多不兼容的问题)

    例如,用`expression`去除链接边框的方法在Firefox中应使用`:focus`伪类配合`outline: none;`来实现。 4. **滚动条样式兼容性**: - Firefox并不支持直接通过CSS设置滚动条颜色,这与IE的`scrollbar-color`系列...

    button在IE6/7下的黑边去除方案

    此外,对于IE6-7中去除链接`a`元素和任何元素在获取焦点时的点状线,通常使用`outline: none;`,但有时这种方法无效。此时,可以利用IE特性的`expression`来解决,如下所示: ```css a:focus, *:focus { ...

    美工知识相关的css东西

    这段代码中,`.tooltip` 类被添加到一个 `&lt;a&gt;` 标签上,并且内部包含了一个 `&lt;span&gt;` 标签用于显示工具提示的内容。当用户将鼠标悬停在链接上时,`.tooltip:hover span` 将被显示出来,并且通过 `position: absolute...

    10个实用的CSS属性小结

    `:hover`伪类用于添加鼠标悬停时的样式,IE6仅支持应用于链接(a标签),而IE7和更高版本则支持所有元素。这个伪类极大地丰富了交互式设计。 8. **Opacity** Opacity属性用于设置元素的透明度,但在IE6和IE7中不...

    10个常用CSS代码片段(DOC文档)

    - 如果元素宽度不是固定的,则需考虑使用其他方法,例如Flexbox或Grid布局。 #### 2. Sticky Footer 布局 **功能:** 使页面底部的页脚始终粘贴在屏幕底部,即使页面内容不足以填满整个屏幕高度。 **HTML结构:**...

    50个便于使用的CSS2CSS3代码片段.pdf

    然后是2011年更新的clearfix方法,这种方法更简洁且同样有效: ```css .clearfix:before, .container:after { content: ""; display: table; } .clearfix:after { clear: both; } /* IE 6/7 */ .clearfix { ...

    30个开发人员有用的CSS代码片段整理值得借鉴

    例如,这个重置样式清除了元素的margin、padding、border、outline、font-size、vertical-align等属性,确保页面在所有浏览器上具有统一的起点。这对于保持一致的设计至关重要。 接着,我们关注如何根据文件格式...

    Css Reset(复位)的简单介绍

    Minimalistic Reset有不同的版本,如Version 1、Version 2和Version 3,它们逐渐增加了更多属性的重置,例如Version 2添加了`border: 0`,Version 3则包括了`outline: 0`。这些更全面的复位方法旨在解决更广泛的样式...

    折叠的table行元素bug

    因此,建议使用更精确的重置方法,如Eric Meyer Reset或Normalize.css。 总之,理解CSS的定位机制和浏览器的渲染差异是解决此类问题的关键。在处理表格布局时,应谨慎使用定位属性,尤其是当涉及到表格元素时,因为...

    QQ在线代码1.5

    - `&lt;img border="0" src="http://wpa.qq.com/pa?p=1:12345678:42"&gt;`这行代码添加了一个QQ在线状态图像,增强了用户体验。 综上所述,这份代码实现了一个简单的在线QQ聊天插件,它可以被嵌入到任何网页中,以便访客...

    css技巧收藏——经典中的经典

    2. CSS重置:为了确保各浏览器之间的一致性,常常需要进行CSS重置。最简单的方法是将所有元素的`margin`和`padding`设为0: ```css * { margin: 0; padding: 0; } ``` 3. 防止链接折行:如果希望链接内容不因...

Global site tag (gtag.js) - Google Analytics