html - 如何删除html按钮的轮廓

Question

我的 html 页面上有一个按钮，当我单击该按钮时，它会显示按钮的外线，如下图所示。

在这里，当我点击重置按钮时，它会显示如上图所示的外观。

HTML代码:

< input type="reset" value="" class="resetButton" />

CSS 代码:

.resetButton
{
    margin: 0px;
    background:url(../images/button/Reset2.png) no-repeat;
    border: none; 
    width: 90px;
    height: 32px;
    cursor: pointer;
}

Answer 1

使用这个:

input[type="reset"]:focus{
    outline: none;   
}

或者只是

input:focus{
    outline: none;   
}

如果您不希望所有输入类型都有该轮廓。