CSS去掉A标签(链接)虚线框的方法


Posted in HTML / CSS onApril 01, 2014

当一个链接得到焦点时,默认会有个虚线框。如图:

CSS去掉A标签(链接)虚线框的方法

在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写:

复制代码
代码如下:
a:focus {
outline:none;
-moz-outline:none;
}

顺便提一下,如果你用过 Safari 和 Chrome 可能会发现,当输入框得到焦点时边框会出现阴影效果。

CSS去掉A标签(链接)虚线框的方法

如果想去掉阴影效果也可以用 outline 属性。

复制代码
代码如下:
input,textarea {
outline:none;
}

言归正传,刚刚说的是 Firefox ,现在说说 IE。首先比较遗憾,还没有找到通过 CSS 去掉 IE 链接虚线框比较好的解决办法。所以只能用一个替代的办法,就是 a 标签的 hidefocus 属性(这个属性是 IE 独有的)。

复制代码
代码如下:
<a href="#" hidefocus="true">链接</a>

注意:JS 脚本对应的属性名是:hideFocus。对应的 JS 代码应该是:
复制代码
代码如下:
xxx.hideFocus ="true";

还有一种不推荐的办法。就是让链接得到焦点的时候失去焦点。
复制代码
代码如下:
<a href="#" onfocus="this.blur();">链接</a>

这种办法很管用,但过于暴力,最好不要用了。
HTML / CSS 相关文章推荐
css3实现背景颜色渐变让图片不再是唯一的实现方式
Dec 18 HTML / CSS
css3弹性盒模型(Flexbox)详细介绍
Oct 08 HTML / CSS
CSS3 边框效果
Nov 04 HTML / CSS
详解HTML5通讯录获取指定多个人的信息
Dec 20 HTML / CSS
canvas粒子动画背景的实现示例
Sep 03 HTML / CSS
html5的websockets全双工通信详解学习示例
Feb 26 HTML / CSS
Html5 audio标签样式的修改
Jan 28 HTML / CSS
HTML5微信播放全屏问题的解决方法
Mar 09 HTML / CSS
HTML table 表格边框的实现思路
Oct 12 HTML / CSS
canvas实现滑动验证的实现示例
Aug 11 HTML / CSS
html5调用摄像头实例代码
Jun 28 HTML / CSS
CSS中使用grid布局实现一套模板多种布局
Jul 15 HTML / CSS
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
Mar 31 #HTML / CSS
你应该知道的30个css选择器
Mar 19 #HTML / CSS
纯CSS3打造动感漂亮时尚的扇形菜单
Mar 18 #HTML / CSS
CSS3中background-clip和background-origin的区别示例介绍
Mar 10 #HTML / CSS
CSS3中:nth-child和:nth-of-type的区别深入理解
Mar 10 #HTML / CSS
CSS书写规范、顺序和命名规则
Mar 06 #HTML / CSS
纯CSS3实现鼠标悬停提示气泡效果
Feb 28 #HTML / CSS
You might like
php中文件上传的安全问题
2006/10/09 PHP
PHP防止post重复提交数据的简单例子
2014/06/07 PHP
PHP命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
Win7下手动安装apache2.2、php5.4笔记
2015/04/03 PHP
PHP开发制作一个简单的活动日程表Calendar
2016/06/20 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
JS替换字符串中空格方法
2015/04/17 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
AngularJs 禁止模板缓存的方法
2017/11/28 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
2019/03/29 Javascript
[48:00]EG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/29 DOTA
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
python实现批量修改文件名
2020/03/23 Python
pycharm 2020.2.4 pip install Flask 报错 Error:Non-zero exit code的问题
2020/12/04 Python
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
美国知名户外用品畅销中心:Sierra Trading Post
2016/07/19 全球购物
世界闻名的衬衫制造商:Savile Row Company
2018/07/30 全球购物
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
伊莱克斯(Electrolux)俄罗斯网上商店:瑞典家用电器品牌
2021/01/23 全球购物
介绍一下Java中的Class类
2015/04/10 面试题
学生处主任岗位职责
2013/12/01 职场文书
大学生党课思想汇报
2013/12/29 职场文书
致跳远运动员广播稿
2014/02/11 职场文书
写求职信有什么意义
2014/02/17 职场文书
个人求职自荐信范文
2015/03/06 职场文书
计划生育工作总结2015
2015/04/03 职场文书
《领导干部从政道德启示录》学习心得体会
2016/01/20 职场文书
如何使用PyCharm及常用配置详解
2021/06/03 Python
MySQL8.0.18配置多主一从
2021/06/21 MySQL
68行Python代码实现带难度升级的贪吃蛇
2022/01/18 Python