javascript - 如何删除点击时的 "Dotted Border"？

Question

如你所见

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

谢谢

伙计们:这是我的 CSS 和 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>

似乎什么都没发生!!

Answer 1

您必须设置 <a> 的样式喜欢:

a {outline: none}