手机输入按钮上的蓝色选择边框(PhoneGap)



所以,我使用的是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>

我认为处理按钮的"焦点"one_answers"活动"状态将解决问题。

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

最新更新