Javascript 单击按钮jquery mobile时蓝色高亮显示

我正在使用Jquery移动项目

应用程序中有按钮和链接，我希望所有按钮上都有蓝色背景

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

<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" />

而那些提交不起作用。它们是邮寄的

当我点击按钮时，我想把它变成蓝色。实际上，周围有阴影，但没有蓝色按钮：

（只有阴影…按钮必须全部为蓝色^^）

如何使这个按钮是蓝色的

谢谢你帮助我

编辑：

---

我也在输入上尝试了

class=“ui btn active”

，但是如果要使用CSS，按钮仍然是灰色的

然后对它们使用背景色

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

我为你做了一把小提琴。问题是JS版本（jquerymobile）的代码来自他们，你没有犯任何错误。您可以在左侧看到选中的jQuery Mobile。如果取消选中，您将看到背景。所以，你需要改变这一点

---

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

input

的类型

submit

被包装在一个div中，因此您需要

UI btn active

到submit按钮的父div

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

对于带有

data role=“button”

---

也许添加一个

href=“javascript:void（0）”

会有所帮助？或者，您可以为我们发布一个jsfiddle.net吗？您到底想要什么？按钮周围的蓝色阴影或单击蓝色按钮？@Omar:蓝色按钮！蓝色阴影是目前的效果，但我只想蓝色按钮按下时（和蓝色按钮仍然直到新的页面）像这样

input

与

a

ok不同，谢谢，但是当用户单击按钮时，背景按钮必须仍然是蓝色，但一点点css必须是ok。我真的认为有一个带标签的jquery解决方案或类似的东西，但这是一个有点脏的解决方案，但工作！是的，这是使用jQuery Mobile时唯一可以做的事情。因为这种情况出现在jQueryMobile1.3中，它只是使网页的外观相似。

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