0

如何覆盖 jQuery Mobile 按钮的悬停和单击状态？

我有一个这样的按钮：

<a class="aButton" href='#' data-role="button" data-icon="check">My Button</a>

如果我使用以下 CSS 覆盖，如果我按住它或单击它，它仍然会突出显示按钮，我不想要任何这些。我只是不知道是什么导致了突出显示，我已经尝试了所有方法（它是按钮样式 B，但我认为我会将所有其他类放在以防万一）！

.ui-btn, a, .aButton, .ui-btn-a, .ui-btn-b, .ui-btn-c, .ui-btn-d, .ui-btn-e, .ui-btn-down-a, .ui-btn-down-b, .ui-btn-down-c, .ui-btn-down-d, .ui-btn-down-e, .ui-btn-hover-a, .ui-btn-hover-b, .ui-btn-hover-c, .ui-btn-hover-d, .ui-btn-hover-e {
    background: -moz-linear-gradient(#DDDDDD, #CCCCCC) repeat scroll 0 0 #030303 !important;
}
4

2 回答 2

1

使用:hover和:active

例如.aButton:active{ /* styles */ }

于 2012-08-30T15:41:23.497 回答
0

才意识到我在做一些愚蠢的事情。根本没有应用背景，因为我在我的 Android 手机上使用了-moz -linear-gradient ，而它应该是-webkit -linear-gradient ... wooops。

于 2012-08-30T15:48:54.457 回答