html - 手机输入按钮上的蓝色选择边框(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;
}