CSS如何去除超链接点击时的虚线

CSS如何去除超链接点击时的虚线:
建议:尽可能的手写代码,可以有效的提高学习效率和深度。
当点击链接的时候,默认情况下会出现一个虚线框。实例代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
a:active{
  outline:none;
  text-decoration:none;
}
</style>
</head>
<body>
<a href="#">蚂蚁部落</a>
</body>
</html>

上面你的代码实现了我们的要求,因为应用如下看属性:

outline:none;

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4654

更多内容可以参阅:http://www.softwhy.com/divcss/

时间: 2024-10-23 10:04:06

CSS如何去除超链接点击时的虚线的相关文章

使用CSS表达式去除超链接的虚框的一些方法

去除超链接的虚框的一些方法 1. a{ blr:expression(this.onFocus=this.blur());/*IE使用*/  outline-style:none;/*FF使用*/  } /*去除a标签带来的虚框*/  2.全 局控制  CSS实现  a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */    a{blr:expression(this.onFocus=this.blur());} /*

CSS中input输入框点击时去掉外边框方法【outline:medium;】----CSS学习

CSS 中添加 outline:medium; JS 控制焦点: $("#CUSTOM_PHONE").focus(function(event){ // this.attr("border","none"); $("#CUSTOM_PHONE").css('border-bottom','1px solid #3BC2B5'); }); $("#CUSTOM_PHONE").blur(function(e

[Html / Javascript / CSS] 当鼠标移至img时,img右上角出现一个叉叉超链接

因为工作上客户需要制作类似FB的图片删除方式 备份一下在论坛上的发问:http://social.msdn.microsoft.com/Forums/zh-TW/0abb451a-e8ac-4f28-ab91-fc028ee14ec9/imgimg?forum=236 以下代码改用jQuery实现 @{ ViewBag.Title = "Index"; } .imgDiv{ display : inline-block; position : relative; } .imgDiv .

CSS3 修改和去除移动端点击事件出现的背景框

移动端开发的一个很大的好处就是可以不管讨厌的IE浏览器的兼容性,只需要页面在火狐等一些高级浏览器中正常显示就行.最近在写一些移动端的页面,刚好在今天遇到了这么一个神奇的css特性.那就是tap-highlight-color 这个特效是实现在移动端点击某个地方的时候,比如说按钮或者超链接的时候,系统会默认加上一些灰色的背景和一些高亮的效果.但是有的时候我们并不想要这些效果.并且希望点击的时候实现神不知鬼不觉的感觉,,这个时候就要用到tap-highlight-color了.只需要在点击的元素中加

HTML实现点击时的阴影

一般是用这个委类:active 参考:http://www.w3school.com.cn/cssref/selector_active.asp 但是业界上实现的效果中,今日头条的手机端网页却不是这样的,当点击时是一闪而过,也有非常漂亮的圆角,如下图: 初步分析,没有在css文件上找到active的样式,我初步怀疑是用js添加上去的:且这个有个特点:点击时是一闪1秒,而用active是一直都在,除非你放开. 最终还是没研究出,只能用土办法,直接active去实现. 接下来是发现在iOS微信上无法

jS实现文本框在点击时变色

jS实现文本框在点击时变色 网页上默认的文本框老是灰色风格,看的都有点不耐烦了,用CSS和JS改变其样式是大家都喜欢用的方法,今天写了一个点击边框变色的文本框,鼠标点击文本框将要输入的时候,文本框自动变色高亮显示,非常有视觉效果,让文本框变漂亮了许多.HTML代码如下: 01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh

取消a标签在移动端点击时的背景颜色

一.取消a标签在移动端点击时的蓝色  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  -webkit-user-select: none;  -moz-user-focus: none;  -moz-user-select: none; 二.使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景 a,a:hover,a:active,a:visited,a:link,a:focus{     -webk

在Word中去除超链接的两种方法

本文来自e良师益友网 不少朋友都有这样一个疑问:在Word中输入网站地址,回车之后,先前输入的地址就自动转变为了蓝色的超链接,如果我们不想这样,该如何设置呢?下面,简单的介绍两种方法给大家参考. 方法一:运用自动更正选项 1.启动Word2003,在空白处直接输入网站地址之后,自动变为蓝色的超链接形式,我们仔细发现,首字母下有一道横线,光标移动至此,显示自动更正选项. 2.单击自动更正选项,有三个可供选择的,选择控制自动更正选项. 3.在键入时自动套用格式选项卡中,取消勾选Internet及网络

问题1:默认div隐藏,点击按钮时出现,再点击时隐藏。

例:默认div隐藏,点击按钮时出现,再点击时隐藏. <a href="#" onclick="f('ycbc')"; >控制按钮</a> <div id="ycbc" style="display:none">隐藏的内容</div> 解决方法一:javascript 利用onclick事件调用f('ycbc')函数,参数为隐藏的内容div的id,在函数加入钮时出现,再点击时隐藏代