html的a标签点击后出现虚线框问题

a标签点击后出现虚线框情况,一般出现在通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏览器等本身就不支持这个效果,所以看不到这个虚线框。

当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消失。 可是当鼠标点击的时候,也会出现这个方框,怎么办呢?

可以给a标签设置outline:none;但是是,ie6、7和遨游浏览器里都不能实现,只有ff,ie8在加了outline:none后会取消聚焦的虚线框。

可以添加css样式:

a{outline: none;}

a:active{outline:none;star:expression(this.onFocus=this.blur());}

也可以在a标签中添加代码,如:

消除a虚标签虚线框的推荐方法是:IE下使用hidefocus属性(hidefocus是ie的私有属性), Firefox/Chorme/Opera/Safari下用outline:none。

html圆点虚线,html的a标签点击后出现虚线框问题相关推荐

  1. css去掉a标签点击后的虚线框

    outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有 ...

  2. 去掉a标签超链接的虚线框的方法

    去掉a标签超链接的虚线框的方法,需要的朋友可以参考下. a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none ...

  3. html div 虚线边框样式,纯CSS实现渐变虚线框和边框滚动动画

    渐变虚线边框 如果对边框的样式细节不是很在意,我们可以借助反向镂空的方法实现,也就是虚线原本实色的地方和周围颜色融为一体,看上去透明,而原来虚框透明的部分透出渐变背景色,于是看上去像是渐变色. 以下是 ...

  4. html5虚线绘制的函数,HTML5 Canvas绘制圆点虚线实例

    html5 canvas 提供了很多图形绘制的函数,但是很可惜,canvas api只提供了画实线的函数(lineto),却并未提供画虚线的方法.这样的设计有时会带来很大的不便,<javascr ...

  5. php 画虚线,HTML5 Canvas绘制圆点虚线实例_html5教程技巧

    HTML5 Canvas 提供了很多图形绘制的函数,但是很可惜,Canvas API只提供了画实线的函数(lineTo),却并未提供画虚线的方法.这样的设计有时会带来很大的不便,<JavaScr ...

  6. html点击 css样式,HTML css a标签点击后样式

    用户提问 标签点击后变色 但是点击另外一个标签 其他的标签要恢复原来的颜色 只有当前点击的变色 关键是要刷新页面之后达到这种效果 因为每点击一个A标签就要去后台抽取数据,要刷新一下页面 求方法 推荐答 ...

  7. 消除 a标签 点击后边框

    消除a标签点击后边框,添加css: a:focus {outline-style:none; -moz-outline-style: none;} 转载自http://192.168.1.130:80 ...

  8. html如何设置边框为圆点虚线,如何设置html虚线边框的方法

    如何设置html虚线边框的方法 如何设置html虚线边框的方法 用到CSS样式和HTML标签元素 为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果. 1.html常用标签 p ...

  9. html 画圆点代码,HTML5 Canvas绘制圆点虚线实例

    HTML5 Canvas 提供了很多图形绘制的函数,但是很可惜,Canvas API只提供了画实线的函数(lineTo),却并未提供画虚线的方法.这样的设计有时会带来很大的不便,<JavaScr ...

最新文章

  1. Mxnet - Understanding weight shape for Dense Layer MXNET权重参数形状的疑惑(内部设计形式行列谁在前不用管,多个转置运算而已)
  2. 69 Zabbix 5.0通过agent监控一台服务器主机
  3. leetcode543. 二叉树的直径
  4. boot spring 没有父子容器_理解 MyBatis 是如何在 Spring 容器中初始化的
  5. JavaScript学习(七十五)—图解浅拷贝和深拷贝
  6. 报表移动端如何进行移动设备绑定与撤销
  7. python图片转动漫_python实现了照片转化为动漫模式
  8. nginx: too many open files
  9. java什么是工作空间_[Java教程]Java开发工具(Eclipse工作空间的基本配置)
  10. 怎么查看python下opencv版本
  11. [SQL注入][强网杯 2019]随便注(三种姿势)
  12. 一条sql执行很慢,可能是因为什么? 怎么优化?
  13. 博客园申请理由写这1句话,居然12分钟就能开通成功!
  14. App Thinning(应用瘦身)功能介绍
  15. 脱机运行scp linux,解决CentOS使用不了scp命令
  16. PPT精灵:批量插入图片生成幻灯片
  17. 韩国多佑集团软件和服务外包基地纳米大厦大连揭幕
  18. [C语言] 文件操作《一》
  19. 百度篇——应聘百度新产品软件开发工程师及建议(一)——浅谈iGoogle
  20. U盘中病毒,除病毒,要除根

热门文章

  1. WAMP 2.5 无法访问局域网的解决方法
  2. 找出如下数组中最大的元素和最小的元素, a[][]={{3,2,6},{6,8,2,10},{5},{12,3,23}}
  3. 每日英语:Would We Be Healthier With A Vegan Diet?
  4. 解决无法使用pip命令加载Python的扩展库问题
  5. Windows Server 2008 R2 SP1 安装NET FrameWork 4.0 受阻滞问题解决办法。
  6. Java中为什么需要反射?反射要解决什么问题?
  7. iis 网页HTTP 错误 404.3 - Not Found解决方案
  8. 使用CSS对页面加载的淡入效果
  9. Xcode 7错误:“缺少iOS分发签名身份...”
  10. Google Gson-反序列化列表 class 宾语? (通用类型)