a 标签点击有边框的问题

最新推荐文章于 2021-05-26 05:22:10 发布
最新推荐文章于 2021-05-26 05:22:10 发布
阅读量1.6k 收藏
点赞数
分类专栏： 页面样式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Eric19911992/article/details/50390444
版权

在ie浏览器或者其他浏览器中，我们点击<a> 标签有时候会有边框显示，比较难看

我们在页面的css中写入样式即可

a:focus{
outline:none;
}

STKingA1
关注
专栏目录
消除a标签点击后产生的虚线框
qq_68862343的博客
03-29 204
经测试在全部版本的ie和火狐浏浏览器中a标签点击后都会产生一个虚线框；如果有很多很多的a标签难道要为每个a标签都添加focus事件？下面就是要介绍一个更加简单粗暴的方法批量一次性解决所有；如下图的bootstrap的tab所示；本身没有任何实际意义除了比较难看外；
DAY004-CSS基础
qq_45579661的博客
08-03 413
1.思维导图 2.作业+练习 可参考 a.导航栏+hover b.侧边栏+hover 例： <!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"conten...
html里面选中a标签有边框出现
热门推荐
u011498933的专栏
05-11 1万+
a标签在使用图片时或者设置属性成block时，点击会多加了蓝色的边框，并且点击后所有a标签都会出现一个虚线框，但是chrome中一直没发现这个问题，所以为了兼容性，还是在css中追加了做这个处理的式样进去： 去边框的方法 1、img标签增加属性： border='0'   border='0' 2、去点击后的虚线的方法，a标签增加属性：outline:none;   outline:n
去除android浏览器下a/input等元素获得焦点时高亮边框,去除浏览器中a、input获得焦点时的高亮边框...
weixin_31781061的博客
05-26 252
a,input等元素在android原生浏览器下获得焦点时，元素外围会出现一个橙色的高亮边框若要去除它，通常的办法是：代码如下复制代码a:focus,input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); }不过看起来，这种方案在android 4.0以上版本的浏览器中是无效的。已知的一种在android 4.0以上版本浏览器中可以移除高亮边...
a链接点击出现黑色边框解决办法
jiakesi的博客
05-14 1853
css中添加-webkit-tap-highlight-color: transparent; outline: none; .prev, .next { position: absolute; left: 3%; top: 50%; margin-top: -30px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png)
JS 实现点击a标签的时候让其背景更换
10-26
在网页中动态改变元素的样式是前端开发中常见的操作，本文将详细介绍如何使用JavaScript为点击的a标签更换背景颜色。实现这一功能，我们需要结合HTML、CSS以及JavaScript三者的技术。 首先，我们从HTML部分开始，...
去掉a标签和按钮加背景图片虚线/阴影完美解决方案
09-22
// 使用示例：移除所有a标签的虚线边框 fHideFocus("A"); ``` 这里的`hideFocus`属性是IE特有的一种方式，其他浏览器可能不支持。因此，为了兼容性，使用`onfocus`事件更为可靠。 通过以上的方法，我们可以有效地...
有关于a标签的4个伪类的使用方法
11-30
需要注意的是，出于隐私考虑，浏览器对`:visited`的样式有安全限制，如不能改变背景色或边框等。例如： ```css a:visited { color: #000; } ``` 3. **`:hover`**：`:hover`伪类在鼠标悬停在链接上时生效。它为...
Vue实现导航栏点击当前标签变色功能
12-29
本文实例为大家分享了Vue实现导航栏点击当前标签变色功能的具体代码，供大家参考，具体内容如下 1.效果 2.所有代码 <a> <p>{{item.time}} <p>{{item.start
去除在FireFox中点击链接时,出现虚线边框的解决办法
09-22
其中一个典型的例子就是在Firefox浏览器中，当用户点击一个链接（a标签）时，链接周围会显示一条虚线边框。这种现象在Internet Explorer和Google Chrome等其他浏览器中并不常见，因此可能给用户带来不一致的视觉体验...
HTML中的 a标签
阿顺特烦恼
06-18 951
HTML中的< a>标签 < a>标签的常用功能???? 跳转网页 （href=“URL” target="_blank / _self"） 做锚点 (herf="#id名 / #name名") 此外< a>还有一个属性 title="…" 与图片中的title属性用法相同，鼠标指向的时侯会显示对应的提示信息。 注意： a默认情况下：没被点击为蓝色，点击时为红色，点击后为梅紫色，样式很丑，不过可以通过CSS中的【 a:linck // active
去除android浏览器中a、input获得焦点时的高亮边框
iteye_15118的博客
07-17 142
当a,input等元素在android原生浏览器下获得焦点时，元素外围会出现一个橙色的高亮边框（如下图）。 若要去除它，通常的方法为：a:focus,input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); }不过看起来，这种方案在android 4.0以上版本的浏览器中是无效的。 一种在android 4.0以上版本浏览器中可以移除高亮...
如何去除移动端链接a标签产生带色边框
kaikai4的专栏
01-11 3646
还记得刚到公司第一次写移动端WEB页的时候，测试时发现点连接的a标签点击时会有一个很丑的边框出现，很是影响页面美观；小狂我用尽各种办法，最后终于解决了这个问题。 样式代码如下 a{ border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outli
HTML中<a>标签怎么自定义单侧边框
剑心！的博客
07-13 5829
定义和用法 标签定义超链接，用于从一张页面链接到另一张页面。 元素最重要的属性是 href 属性，它指示链接的目标。 由于 border-style 的默认值是 none，如果没有声明样式，就相当于 border-style: none。因此，如果您希望边框出现，就必须声明一个边框样式。 a { border-style: solid; border-color: #909090 ;
关于a标签点击Focus状态下背景颜色区域不够的问题
lu10505的博客
01-02 653
想要点击a标签之后改变背景颜色的参数，但是发现背景颜色只改变了很小的一部分： 原代码如下： header ul{ display: inline-block; } header li{ float: left; padding: 0 8px; line-height: 36px; } header a:focus{ background-color: #5090f5; col...
a:focus{outline: none;} 如何去掉点击链接时周围的虚线框outline属性
cui_angel的专栏
10-29 1万+
1. CSS方式  在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true”属性即可，但这个属性是IE私有的，Firefox是不认的。  加了hidefocus属性 IE中用CSS处理的方式为： a{noOutline:expression_r(this.onFocus=this.blur());} Firefox的处理方法比较符合
html a标签 图片边框和点击后虚线框的问题
未子涵的博客
04-13 4036
一直在在chrome上开发自己的项目，今天上ie和firefix一看，真丑，a标签在使用图片时，多加了蓝色的边框，并且点击后所有a标签都会出现一个虚线框，但是chrome中一直没发现这个问题，所以为了兼容性，还是在css中追加了做这个处理的式样进去： 去边框的方法，img标签增加属性： border='0' 去点击后的虚线的方法，a标签增加属性： outline:none; 另外，
css-outline:0 none
sixteen_cicle的博客
07-12 2993
css原理小记 2016.7.12 ------------------------------------------------------- outline:0 none 当元素获得焦点的时候，焦点框为0. 比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。 这个功能一般是为使用
点击a标签显示一个div在a标签的上方或者下方，随着高度变化
最新发布
06-11
7. 在a标签的点击事件处理函数中添加阻止事件冒泡的代码，否则点击a标签会触发父元素的点击事件。 以下是一个简单的示例代码： ```html .popup { position: absolute; background-color: #fff; border: 1px ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值