如何从jQuery Mobile对话框中的按钮中删除CSS

时间:2012-02-09 19:12:52

标签: jquery css jquery-mobile

我在jQM对话框中有两个按钮:

<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

如何剥离所有这些消息,以便我自己设置按钮的样式?

2 个答案:

答案 0 :(得分:2)

您应该使用您定义的css覆盖它们而不是将它们删除,因为您不知道jquery-ui.js中的哪些功能取决于存在的那些类。

话说:

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

覆盖样式的方法是创建自己的css文件并在jquery-ui.css之后添加对它的引用,对于你想要覆盖的每个类,只需要自己的样式。

答案 1 :(得分:0)

将data-role =“none”添加到按钮中,JQM将不管它而不是样式。