PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

Adophper » 前端设计 » 用css代码去掉点击图片和链接讨厌的虚线框

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

此文被围观1242日期: 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>

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2018adophper.com All Rights Reserved.