覆蓋Jquery Mobile的Css按鈕

Question

我有2個屏幕截圖。在第一個截圖中，我使用的是jqmobile，而在第二個文件中我不是。

這對ok按鈕的外觀有影響。

我想知道是否有可能重寫一些css並獲得ok按鈕，看起來像在第二個屏幕截圖，同時仍然使用jqm庫？

Answer 1

您可以添加data-role="none"的按鈕，以防止JQM從提高它：（防止增強）

<button id="btn" data-role="none" >Button</button> 

Answer 2

以前的答案可以防止JQM觸碰有用按鈕，但如果您確實需要增強的按鈕功能可能無法幫助您。

您有時可能會用CSS id選擇器強制更改單個DOM元素（使用您最喜歡的搜索引擎來詳細瞭解「CSS選擇器」），但如果您需要重複執行此操作，這不是一個好選擇，更有可能。另一個選擇是！重要的是你的按鈕的CSS樣式，但我更喜歡使用！important作爲最後的手段，因爲它是一個重錘，它可以防止下游組件在需要/不按需要時重寫樣式。注意 - UI工具包（如jqm，dojo等）有時會使用單個DOM元素並使用包裝元素（div，span等）展開它們並對其進行樣式設置，因此您無法始終對原始樣式進行樣式設計並且它會影響UI工具包爲您生成的全部內容。對於每個UI工具包，看看他們推薦的自定義樣式/主題（並在上面的搜索框中進行搜索 - 在關於樣式化jq小部件的SO中有許多問題）。

如果您需要自定義jqm外觀而不是阻止jqm增強單個按鈕，請查看jqmobile主題文檔。 http://demos.jquerymobile.com/1.2.0/docs/api/themes.html

（是的，我認爲這個答案的部分可能會更好在一個「評論」，但SO不會讓我評論這個新的帳戶，直到你投票了我的答案:-)。