单击按钮时突出显示蓝色jquery mobile

我正在使用Jquery Mobile项目。单击按钮时突出显示蓝色jquery mobile

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

有两种类型的按钮：有链接按钮

<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"过，但按钮仍是灰色

来源

2013-10-28 clement

也许增加一个'HREF = “JavaScript的：无效（0）”'可以帮助？或者，你也许可以为我们发布jsfiddle.net？ –

你想要什么？按钮周围的蓝色阴影或点击时的蓝色按钮？ – Omar

@Omar：蓝色按钮！蓝色阴影是治疗效果，但我只是想按下蓝色按钮（和蓝色按钮仍然直到新页面） – clement

input与submit类型包装在一个div，所以你需要ui-btn-active提交按钮的父div。

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

对于美女主播与data-role="button"

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

Demo

来源

2013-10-28 16:58:56 Omar

嘿@奥玛，谢谢！这是更好的解决方案！ :-) – clement

不客气@clement :) – Omar

如果你想使用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类似于跨浏览器。

来源

2013-10-28 16:27:00

好的谢谢，但是当用户点击按钮时，背景按钮必须仍然蓝色，但一点点的CSS必须确定。我真的认为有一个标签或类似的JQUERRY解决方案，但这是一个有点肮脏的解决方案，但工作！ – clement

是的，这是您在使用jQuery Mobile时唯一可以做的事情。因为这种情况出现在jQuery Mobile 1.3中，这只是使网页看起来很像。 –

单击按钮时突出显示蓝色jquery mobile

回答

相关问题