JAVA、PHP、前端、APP、网站开发 - 开发技术学习

开发技术学习 » 前端设计 » 用css代码去掉点击图片和链接讨厌的虚线框

用css代码去掉点击图片和链接讨厌的虚线框

此文被围观2435日期: 2012-12-21 分类 : 前端设计  标签:  ·········
用css代码去掉点击图片和链接讨厌的虚线框 在IE下,点击后会出现一个虚线框,很是讨厌, 在Firefox(以下简称FF)里可以用-moz-outline:none; 或者outline:none;来将其去掉 如: a:focus{ -moz-outline:none; outline:none; } 顺便插一句,用过Safari和Chrome的肯定记得,在鼠标移动到输入框上时会出现阴影效果。 如果不想要这个效果,也可以用outline属性来实现: input{ outline:none; }  言归正传,刚才说了这么多,还没说到在IE下如何实现。 遗憾的是没有找到通过css去掉IE链接虚线框的办法,不过在IE里,a标签有个独有的属性,就是hidefocus: <a href="#" hidefocus="true">我是一个链接</a> 对应的JS应该是:xxx.hideFocus="true";  还有一种暴力的方法,就是让它获得焦点的时候,同时让它失去焦点,不过个人还是不推荐这种方法: <a href="#" onfocus="this.blur();">我也是一个链接</a>

站点声明:部分内容源自互联网,为传播信息之用,如有侵权,请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。蜀ICP备12031064号