如何从一个按钮，在jQuery Mobile的对话框

Question

我有一个JQM对话框上有两个按钮脱衣CSS：

<a href="#" data-role="button" data-inline="true">Yes</a><a href="#" data-role="button" data-inline="true" data-rel="back">No</a> 

JQM增加了按键一堆造型，如：

ui-btn-inner ui-btn-corner-all .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br, .ui-corner-top, .ui-corner-bottom, .ui-corner-right, .ui-corner-left, .ui-corner-all, .ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl, .ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom, .ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all 

如何去掉所有这些信息，以便自己设计按钮的样式？

Answer 1

您应该使用您定义的css来替代它们，而不是将它们去掉，因为您不知道jquery-ui.js中的哪些功能取决于所存在的类。

这样说：

$('a[data-role="button"]').removeClass('ui-btn-inner ui-btn-corner-all ....'); 

覆盖的风格，创造自己的CSS文件和jQuery的ui.css之后添加对它的引用，每一类你想覆盖，现在的样子把你自己的风格。

Answer 2

向按钮添加data-role =“none”，JQM将使其保持独立，而不是样式。