Question

如何覆盖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;
}

Answer 1

使用:hover和:active

e.g。 .aButton:active{ /* styles */ }

Answer 2

刚才意识到我做的事情很愚蠢。背景没有被应用，因为我在我的Android手机上使用 -moz - 线性渐变时应该 -webkit -linear-gradient ... wooops。

删除按钮的悬停/单击状态

2 个答案: