css/JS/jquery三种方法去掉链接虚线框

 　　css: 兼容性很差。

 代码如下  

a:focus,input:focus {outline:none;}

　　在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：

 代码如下  

a:focus {
    outline:none;
   -moz-outline:none;
}

　　直接加：

　　onfocus="this.blur()"

　　也可以利用htc文件加入a.style.behavior属性.如：

 代码如下  

<style>
a,img
{
behavior:url(js文件地址);
}
</style>

　　在js文件中写入下面语句

 代码如下  
<attach event="onFocus" handler="onFocus" />
<SCRIPT language="javascript">
function onFocus()
{
this.blur();
}
</SCRIPT>

　　JQ的写法：

 代码如下  

$("input:not(input[type='text'],input[type='password'])").focus(function(){
    this.blur();

});
时间： 2024-03-06 11:29:56

css/JS/jquery三种方法去掉链接虚线框的相关文章

jsp页面中插入css样式的三种方法总结

 本篇文章主要是对jsp页面中插入css样式的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1. 外部样式   当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用<link>标签链接到样式表.<link>标签在(文档的)头部:   <head> <link rel="stylesheet"  type="text/css&qu

jQuery操作元素css样式的三种方法_jquery

我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的:而jQuery里提供三种方法来实现这个功能,虽然它们和传统方法的思想相通,但是却节省了许多代码.还是那句话 - "jQuery让JavaScript代码变得简洁!" 1. addClass() - 添加CSS类 $("#target").addClass(&q

js改变css样式的三种方法推荐_基础知识

共用代码: <div id="div"> this is a div </div> var div=document.getElementById('div'); 第一种:用cssText div.style.cssText='width:250px;height:250px;border:1px red solid;'; 第二种:用setProperty() div.style.setProperty('width','250px'); div.style.s

javascript重新加载js文件三种方法

例1.重新加载js文件  代码如下 复制代码 function loadJs(file) {             var head = $("head").remove("script[role='reload']");             $("<scri" + "pt>" + "</scr" + "ipt>").attr({ role: 'reload

添加css样式的三种方法

 一,行内式样式(Inline Style) 即使用style属性,将CSS直接写在HTML标签中. 例如:<p style="color:red">这行段落将显示为红色.</p> 注意:style属性可以用在<body>内的所有(X)HTML标签上,但不能应用与<body>以外的标签,如<title><head>等标签. 二,嵌入式样式表(Embedded Style Sheets) 嵌入式样式表使用"

A标签虚线框去掉3种方法(CSS/JS/jquery)

1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus="true" 属性即可,但这个属性是IE私有的,Firefox是不认的. <a href="#" hidefocus="true" title="加了hidefocus" >加了hidefocus属性</a> IE中用CSS处理: a{noOutline:expression(

jquery动态加载js三种方法

 <!-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript("test.js");就ok了. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd&qu

jquery动态加载js三种方法实例

这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getScript("test.js");就OK了.   复制代码 代码如下: <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dt

jquery动态加载js三种方法实例_jquery

复制代码 代码如下: <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="