去除火狐浏览器点击连接时出现虚线边框

最新推荐文章于 2021-10-07 23:16:03 发布
最新推荐文章于 2021-10-07 23:16:03 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29494019/article/details/76679412
版权

firefox浏览器点击链接时会自动在元素周围添加一个虚线边框，它是通过添加outline属性来实现的


去除的方法：a{ outline:none; }  或者缩小范围 a:focus{ outline:none; }

爱凤凤
关注
专栏目录
《CSS》
ChowSQ的博客
03-30 5188
CSSCSS初识引入CSS样式表（书写位置）内部样式表行内式（内联样式）外部样式表（外链式）三种样式表总结（位置）CSS基础选择器标签选择器（元素选择器）类选择器多类名选择器id选择器id选择器和类选择器区别***id选择器和类选择器最大的不同在于 使用次数上。***课程目标:CSS的发展历程CSS 网页的美容师CSS初识引入CSS样式表（书写位置）内部样式表行内式（内联样式）外部样式表（外链式）...
CSS——CSS基础（一篇就够用）
begefefsef的博客
02-26 278
CSS——CSS基础（一篇就够用） 一.CSS概述 1.什么是css 2.作用 3.css和html属性的使用原则 二.CSS语法规范 1.css的使用方式 ①行内样式，内联样式 ②内部样式 ③外部样式 2.css的样式特性 ①继承性 ②堆叠性 ③优先级 ④调整优先级 三.基础选择器 1.通用选择器 2.元素选择器 3.ID选择器 4.类选择器 类选择器的其它用法 ①.多类选择器 ②.分类选择器 ③.类名的定义规范 5.群组选择器 6.后代选择器 7
去除在FireFox中点击链接时,出现虚线边框的解决办法
09-22
今天遇到几个浏览器兼容的问题，有一个感觉比较奇怪，估计是FireFox故意要和IE、google 区别开来吧，在点击FireFox a标签的时候会出现虚线框
FIREFOX/CHROME点击出现虚线框的问题 a标签点击虚线框 input蓝色外边框 input点击虚线框
小菜鸡程序媛的挣扎史
07-24 1094
1、解决标签a点击出现虚框 当a标签获得焦点的时候，a标签的周围就会出现虚框，它不同于border，不占任何宽度，a失去焦点的时候就会消失，就是outline。 在遨游，Firefox ，IE的几个版本中就会看到、而Safari、Opera、Google 本身不支持这个效果，就看不到。 解决方法： 可以给a标签设置 outline: none;但在IE6、IE7 遨游中都不能实现。只有在...
取消火狐浏览器点击按钮出现的虚线边框
Tongshisan的博客
10-31 511
html : css : button::-moz-focus-inner { border: none; }
firefox火狐浏览器outline:none去除虚框失效的坑
qq_31847185的博客
09-19 1388
一、问题描述 在点击按钮时，因为登录按钮获得焦点，按钮上出现了难看的虚框，强迫症患者表示谁也忍受不了…… 如下图所示：   二、解决方案 找了很多方法，比如直接在css样式中加这行代码 ：focus{outline:none;} 又比如在js代码中解决 $("a,input,button").focus(function(){this.blur()}); 然而，尝试了无数...
（谷歌浏览器等）解决css中点击input输入框时出现外边框方法【outline:medium；】
qq_38472451的博客
10-04 385
（谷歌浏览器等）解决css中点击input输入框时出现外边框方法【outline:medium;】
前端学习笔记 - HTML+CSS
fengxm0309的博客
10-07 4737
基础认知 网页 什么是网页 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 什么是 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Lang
HTML+CSS----------HTML5+CSS3
qq_31913969的博客
09-04 994
html回忆录 1、网页的组成：图片、文字、超链接、视频、音频等 2、网页中web标准三层组成:结构(html)、表现(css)、行为(JS). 3、Chrome浏览器的内核：Blink；苹果内核：webkit; 4、HTML是超文本标记语言，是描述网页的一种语言，是一种标记，不是一种语言，是一套标记标签。 5、超文本指的是超越文本的限制，超级文本链接 6、内核渲染HTML和CSS 7、 8、 ...
HTML&CSS笔记
我佛很悲
11-20 1050
HTML&CSS笔记 此笔记为李立超老师网课内容
button按钮在谷歌浏览器，点击之后虚框处理
sdiudui的博客
02-22 692
/*button按钮蓝色边框处理*/ .btn:focus,.btn:active:focus { outline: none; border-color: transparent; box-shadow:none; }
html搜索框点击后还是矩形的,点击Chrome浏览器里的输入框后，会出现一个黄色的矩形框，如何去掉这个...
weixin_30983209的博客
06-05 539
点击Chrome浏览器里的输入框后，会出现一个黄色的矩形框，怎么去掉这个？点击Chrome浏览器里的输入框后，会出现一个黄色的矩形框，怎么去掉这个？input,button,select,textarea{outline:none}；还是去不掉黄色方框------解决方案--------------------这是浏览器加上去的样式，没法改的------解决方案------------------...
解决点击链接时网页出现虚线框方法
iteye_18400的博客
05-28 764
在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即： <a href="http://www.yanzhaoit.com" hidefocus="true" title="做有用网站，找燕赵互联">燕赵互联</a> input{blr:expression(this.hideFocus=this.blur()); }   a:visi
避免网页上flash的虚线框的一种方法
朝闻道 之 CSDN
07-07 1363
     目前的IE浏览器在打开有flash的页面时，鼠标移到flash上，会出现一个虚线框，并有提示：单击以激活并使用此控件。这是因为微软某一个更新加强了对网页控件的安全性管理，不过对flash来说大可不必。     前几天我从网上找到一个解决该问题的思路，经过实践，总结出一个方法。     1.把输出flash的html语句写在js脚本里。     2.在页面中调用该js脚本输出f
解决Firefox中select选中时的虚线框问题
哈哈hyc的博客
11-19 1017
在前端页面需要下拉框的时候，不部分人还是会选择select情况的，不过还是可以自己手写一份，但是在select的时候要考虑到各种兼容问题，下面就是解决火狐浏览器select选中虚线的问题。 select:focus{ outline: 0; border: 0; } 这种方法是无效的。以下为正确的处理办法 select:-moz-focusring{ color: transpar...
火狐浏览器a标签出现虚线的解决方法
us_zhanggguihua的博客
09-22 784
a:focus { outline: none; }
去除firefox点击链接时的虚线边框
clh604的专栏
11-20 4411
firefox浏览器点击链接时会自动在元素周围添加一个虚线边框，它是通过添加outline属性来实现的 但很多时候我们不需要这样的边框，去除的方法有两种 1、在Firefox的地址栏输入about:config，回车。有一个配置项叫做“browser.display.focus_ring_width”，把它修改成0，点击链接时就不会出现那个边框 2、在css中添加配置
清除 firefox浏览器中输入框显示红边框的解决办法
sinat_41200024的博客
04-30 1701
最近项目中发现写的页面对兼容firefox有些奇怪的样式，比如下面这个输入框当输入数字内容后他会有一个红色的框Firefox中，原来是如果一个表单控件具有required属性，那么当这个控件失效时会自动被Firefox加上一圈粉红色的边框，极其难看，无法实现各个浏览器统一，尤其是当你将这个控件设置了不显示某些边框线的时候，要去除Firefox给有required属性的表单控件添加的边框，只需要添加...
火狐浏览器使用uploadify上传附件时的session丢失解决方案
"在使用Uploadify v3.2版本进行jsp文件上传时，遇到在火狐浏览器上出现Session丢失的问题。" 在Web开发中，Uploadify是一个常用的jQuery插件，用于实现文件上传功能，特别是大文件的分块上传。然而，不同浏览器对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值