css消除A标签选中时的虚线框

最新推荐文章于 2026-06-25 21:45:00 发布

原创最新推荐文章于 2026-06-25 21:45:00 发布 · 1.5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#css #html #ie

收录于

web前端技术专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用CSS代码消除HTML A标签在被点击后获得焦点时显示的虚线框，提供了解决网页设计中常见布局问题的方法。

HTML中A标签被点击后，其获得了焦点，在其周围会有可恶的虚线框；有时我们不想让用户发现，使用以下css代码即可消除。

/*为了消除选中时的虚线框*/
a
{
    bblr:expression(this.onFocus=this.blur());/*IE使用*/
    outline-style:none;/*FF使用*/
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wheeler

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

css <a> 标签鼠标选中去除选中边框

Mchange的专栏

03-12

2377

IE： a href="#" hidefocus="true">a> 非IE： a:focus { outline:none; }

参与评论您还未登录，请先登录后发表或查看评论

CSS：去除点击链接和按钮时出现的虚线框

A secret makes a woman woman.

09-22

837

去除点击链接和按钮时出现的虚线框

cssz中<a>标签鼠标选中去除选中边框

weixin_34279579的博客

01-07

241

IE： <a href="#" hidefocus="true"></a> 非IE： a:focus { outline:none; } 参考： http://blog.csdn.net/mchange/article/details/8662799

取消div,a等标签点击效果

u012843021的专栏

07-22

1万+

取消div,a等标签默认点击效果

a标签 CSS样式鼠标悬停、点击、点击后、选定

热门推荐

夕降巫咸的博客

07-04

6万+

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> a:link { color: #06F; text-decoration: none; }/* 未访问的链接 */ a:visited { ..

css消除a标签点击后的虚线框

781193278专栏

04-11

5374

当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个虚线框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过Firefox或者IE等几个版本看到。而Safari、Opera、Google浏览器等本身就不支持这个效果，所以看不到。这个就是a标签被聚焦后出现了虚线框，也就是outline。取消a标签点击后的虚线框方法：

FIREFOX/CHROME点击出现虚线框的问题 a标签点击虚线框 input蓝色外边框 input点击虚线框

小菜鸡程序媛的挣扎史

07-24

1348

1、解决标签a点击出现虚框当a标签获得焦点的时候，a标签的周围就会出现虚框，它不同于border，不占任何宽度，a失去焦点的时候就会消失，就是outline。在遨游，Firefox ，IE的几个版本中就会看到、而Safari、Opera、Google 本身不支持这个效果，就看不到。解决方法：可以给a标签设置 outline: none;但在IE6、IE7 遨游中都不能实现。只有在...

解决点击链接时网页出现虚线框方法

iteye_18400的博客

05-28

922

在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即： <a href="http://www.yanzhaoit.com" hidefocus="true" title="做有用网站，找燕赵互联">燕赵互联</a> input{blr:expression(this.hideFocus=this.blur()); } a:visi

html 初始化css,css初始化设置

weixin_28688385的博客

06-26

332

@charset "utf-8";/* CSS Document */html{color: #000;background-color: #fff;}html, body, div, span, object, iframe,h1, h2,h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn,em, img, ...

a标签点击后的虚线框

acm765152844的博客

02-28

639

聚焦a标签时，会出现一个虚线框。这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。解决办法： 1、添加outline:none 但是对ie6,ie7无效 2、在a标签里加入js控制，当a标签聚焦时，取消焦点。 a href="#" onfocus="this.blur();">测试 3、在css中加入 4、a标签中加入hid

css去除button、a、input标签的虚线边框

weixin_30369087的博客

05-19

493

input,button,a { outline:0 none !important; blr:expression(this.onFocus=this.blur()); } 转载于:https://www.cnblogs.com/Harold-Hua/p/10888578.html

html里面选中a标签有边框出现

u011498933的专栏

05-11

1万+

a标签在使用图片时或者设置属性成block时，点击会多加了蓝色的边框，并且点击后所有a标签都会出现一个虚线框，但是chrome中一直没发现这个问题，所以为了兼容性，还是在css中追加了做这个处理的式样进去：去边框的方法 1、img标签增加属性： border='0' border='0' 2、去点击后的虚线的方法，a标签增加属性：outline:none; outline:n

关于a标签点击周围会出现虚线

u010394201的专栏

03-03

636

a:active {outline: none;star:expression(this.onFocus=this.blur());}完美解决；另外：Z-INDEX：-1或者1 可以将一个图片置于其之上或者之下！

【前端】CSS

Elena's Blog

06-23

242

作用特点标签选择器能选出所有相同标签不能差异化选择类选择器能选出一个或多个标签根据需求选择，最灵活，最常用id 选择器能选出一个标签同一个 id 在一个 HTML 中只能出现一次通配符选择器选择所有标签特殊情况下使用。

【零基础AI应用开发】第03章：UI 搭建 — Tailwind CSS + shadcn/ui（UI篇）

子琦的博客

06-25

228

本文介绍了如何使用Tailwind CSS和shadcn/ui搭建AI话喵项目的整体布局。主要内容包括： Tailwind CSS回顾原子化CSS理念，每个类名对应一个CSS属性直接写在className中，避免样式冲突 shadcn/ui安装与特点独特的设计理念：将组件代码复制到项目中而非安装npm包初始化配置和常用组件的添加方法自定义主题配色为话喵项目设计温暖的猫咪主题配色方案使用HSL颜色值定义CSS变量整体布局搭建创建侧边栏导航组件实现左侧导航+右侧内容的标准布局文章提供了详细

Cesium CSS 元素教程

2201_75964656的博客

06-21

241

详解 Cesium.js CSS 元素：基于 WebGL 实现「CSS 元素」可视化效果，附完整可运行源码，涵盖 Cesium 等关键实现，附完整源码与在线 Demo，适合 Cesium 基础学习与二次开发。

CSS overflow 属性完全指南：从溢出裁剪到 BFC 布局机制

🧑‍💻 前端 · 写作中 📍 沉淀：HTML/CSS/JavaScript/Vue 📍 学习：React、微信小程序、Webpack、Vite 📍 目标：用输出倒逼输入，备战下次飞跃

06-22

379

本文详解CSS overflow属性，对比visible、hidden、scroll、auto等值的差异，重点解析overflow:hidden触发BFC的机制，及其在清除浮动、阻止margin重叠等布局场景中的应用，助你掌握内容溢出与块级格式上下文的核心技巧。

webgis开发零基础入门：HTML/CSS/JavaScript前端核心基础