Question

我正在使用Jquery Mobile项目。

应用程序中有按钮和链接，我想要alls按钮上的蓝色背景！

有两种按钮：带链接的按钮

<a id="cancel" href="http://path" data-role="button" data-icon="cancel" data-inline="true">CANCEL</a>

这些按钮工作正常（点击时为蓝色）

那些按钮：

<input type="submit" value="Add" data-role="button" data-icon="ok" data-inline="true" />

这些提交不起作用。他们是POST表格。

我想点击它们时按钮变蓝。实际上，有一个阴影但没有蓝色按钮：

Shade （只是阴影......按钮必须全是蓝色^^）

如何让这个按钮变成蓝色？！？

感谢帮助我！

编辑：

我也在输入上尝试class="ui-btn-active"，但按钮仍为灰色

Answer 1

类型为input的

submit包含在div中，因此您需要ui-btn-active来提交提交按钮的父级。

$(this).closest('div').addClass("ui-btn-active");

对于data-role="button"

的锚点

$(this).addClass("ui-btn-active");

Demo

Answer 2

如果你想使用CSS，

然后使用background-color。

a:active, input[type="submit"]:active {
  background-color: blue;
}

我为你创造了一个小提琴，http://jsfiddle.net/afzaal_ahmad_zeeshan/kMm3W/。问题是JS版本（jQuery Mobile）是它们的代码，你没有犯任何错误。您可以在左侧看到jQuery Mobile。如果取消选中它，您将看到背景。所以，你需要改变它。

这个问题出现在jQuery Mobile 1.3.xx而不是1.2中。所以这是代码中的一个版本，使UI类似于跨浏览器。