欢迎来到山村网

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

2019-03-02 11:02:55浏览:612 来源:山村网   
核心摘要:  css: 兼容性很差。 代码如下a:focus,input:focus{outline:none;}   在 Firefox 里可以用 -moz-outline:none; 或者 outline

  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();

});

(责任编辑:豆豆)
下一篇:

Transform的perspective属性设置

上一篇:

Cult3D 对象与网页脚本的交互

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com