單擊按鈕時突出顯示藍色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

回答

相關問題