我在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
如何剥离所有这些消息,以便我自己设置按钮的样式?
答案 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将不管它而不是样式。