jqueryMobile中select样式自定义

要去掉引入的jqueryMobile给下拉框组件的样式，有两种办法。

第一种：全局的去掉所有的下拉框样式：

<link rel="stylesheet" href="css/jquery.mobile-1.3.1.css">
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function () {
$.mobile.page.prototype.options.keepNative = "select";
});
</script>
<script type="text/javascript" charset="utf-8" src="js/jquery.mobile-1.3.1.js"></script>

在jquery加载之前和jqueryMobile之后加入js:

<script type="text/javascript">
$(document).bind("mobileinit", function () {
$.mobile.page.prototype.options.keepNative = "select";
});
</script>

第二种方法：给制定的组件去掉样式

在select下拉中加入date-role="none"属性

<select id="" name="" data-role="none">

这两种方式都有效。

后续有很多开发填坑的文章发布，如果对你有帮助，请支持和加关注一下

http://e22a.com/h.05ApkG?cv=AAKHZXVo&sm=339944

https://shop119727980.taobao.com/?spm=0.0.0.0