如何删除“虚线边框”点击？ [英] How to remove the "Dotted Border" on clicking?

问题描述

正如您所看到的

我想以某种方式删除按钮被点击后的虚线。有什么想法吗？

I want to somehow remove the dotted lines after the button has been clicked.Any ideas how ?

谢谢

GUYS：这是我的CSS ansd HTML的当前状态，但仍然没有使用：

GUYS : This is the current status of my CSS ansd HTML but still no USE:

.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>

似乎没有发生什么！

推荐答案

也可以使用纯HTML：

Possible with pure HTML as well:

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

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

And with JavaScript you can do that on all links:

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

这篇关于如何删除“虚线边框”点击？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！