Javascript 如何删除；虚线边框“；点击？

如你所见

我想在点击按钮后以某种方式删除虚线。你知道怎么做吗

谢谢

伙计们：这是我的CSS ansd HTML的当前状态，但仍然没有任何用处：

.myButton input {
position:absolute;
display:block;
top: 5%;
left:87%;
height: 44px;
border:none;
cursor:pointer;
width: 43px;
font: bold 13px sans-serif;;
color:#333;
background: url("hover.png") 0 0 no-repeat;
text-decoration: none;
}
.myButton input:hover {  
background-position: 0 -44px;
color: #049;
outline: 0;
}
.myButton input:active {
background-position: 0 -88px;
color:#fff;
outline: 0;
}

input:active, input:focus {
      outline: 0;
}

<div class="myButton">
<input type="submit" value="">
</div>

.myButton输入{
位置：绝对位置；
显示：块；
最高：5%；
左：87%；
高度：44px；
边界：无；
光标：指针；
宽度：43px；
字体：粗体13px无衬线；；
颜色：#333；
背景：url（“hover.png”）0 0 0无重复；
文字装饰：无；
}
.myButton输入：悬停{
背景位置：0-44px；
颜色：#049；
大纲：0；
}
.myButton输入：激活{
背景位置：0-88px；
颜色：#fff；
大纲：0；
}
输入：激活，输入：聚焦{
大纲：0；
}

好像什么都没发生

    #myElement { outline: 0; }

---

在你的元素上试试这个，我现在不知道它是否是一个图像、div、按钮、链接。但是它可以工作

您必须将

的样式设置为：

a {outline: none}

使用下面的代码

a:active
    {
    outline: none;
    }

也可以尝试其他浏览器

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

---

尽管我对你的问题作了评论

你应该把它们留着 可访问性

你可以找到

---

（无论如何，您应该保留它们。）

纯HTML也可以：

<a href="..." hidefocus="hidefocus">...</a>

使用JavaScript，您可以在所有链接上执行此操作：

window.onload = function WindowLoad(evt) {
   //hide focus:
   var arrLinks = document.getElementsByTagName("a");
   for (var i = 0; i < arrLinks.length; i++) {
       arrLinks[i].hideFocus = "true";
}

window.onload=函数WindowLoad（evt）{
//隐藏焦点：
var arrLinks=document.getElementsByTagName（“a”）；
对于（var i=0；i

如果您想保持大纲处于活动状态和焦点，但在单击链接时将其隐藏，则可以添加css：

无大纲{大纲样式：无；}

并使用脚本：

$('A').hover(function() {
    $(this).addClass('No-Outline');
},function() {
    $(this).removeClass('No-Outline');
});

---

你必须在点击前悬停，这样它才能完成任务。

你应该保留它们以便于访问。伙计们，我已经编辑了这篇文章。仍然没有用！！请检查我更新的答案…我建议使用CSS类的可能重复，所以所有其他链接仍然保留“你在这里”行为。我只是在ie7和更旧版本中遇到了这个问题。但是添加hidefocus对meCheers@nate有效，很高兴这对您有用。：）这是一个非常有用的答案。我有一个div，我想从中删除它的大纲，它可以工作。内联，我的代码看起来像这样

这是一些显示6个“平铺区域”的代码的一部分整个页面。每个区域都可以单击，单击该区域时不会显示大纲。