Question

怎么去掉jquery mobile 自动添加的样式

Answer 1

去掉这类样式需要涉及jQuery mobile底层代码，并不是推荐做法，应该做的是，基于jQuery mobile已定义样式来自己定义一份新的样式覆盖进行覆盖。

一般采取某种技术框架，内定的样式是通过底层的一些代码会自动添加在html code中的，这种情况，如果去改底层代码，那么使用框架的意义就不大了，也是事倍功半的效果。所以应该是充分理解API中需要用的样式，自定义一些样式来代替原样式，这样就能得到你要的效果了

Answer 2

方法1:
使用jquery在创建后对所有元素增加属性

Java代码
$(document).bind( "pagecreate", function( e ) {
$( "input, textarea, select", e.target ).attr( "data-" + $.mobile.ns + "role", "none" );
});

方法2:
在jquery.js导入后,在jquerymobile导入前使用下面的脚本加上data-role="none".

Java代码
$("input").attr('data-role','none');
$("select").attr('data-role','none');

参考是这个链接:https://github.com/jquery/jquery-mobile/issues/2598
官网:http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/forms/docs-forms.html

Answer 3

jq mobile自动添加的样式是根据它特定的class名添加的，你只要不用他设定的class名或者id名就不会调用他的样式了。