手机（PhoneGap）输入按钮上的蓝色选择边框

Question

因此，我正在使用phonegap，并且正在构建应用程序的登录屏幕，但是，当我单击登录按钮时，它会显示一个蓝色的选择边框。我尝试过：

button:focus {outline:0;}

但它似乎不起作用。

样式：

.button {
display: inline-block;
padding: 15px 25px;
font-size: 15px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: 0;
height: 70%;
color: #fff;
background-color: #089FF5;
border: none;
border-radius: 15px;
box-shadow: 0 5px #0570ad;
outline-width:0px;
}

.button:active {
 background-color: #0570ad;
 box-shadow: 0 5px #0570ad;
transform: translateY(4px);
}

html：

<tr>
<td>            <input class="button" id="button" type="submit"    name="login" value="LOGIN"></td>
</tr>

Answer 1

我认为处理按钮的“焦点”和“活动”状态都可以解决问题。

button:focus, button:active {
    outline:none;
}