如何去除Jquery Mobile时自带样式

如题所述

步骤如下:

访问JQuery Mobile官方网站


下载JQuery Mobile文件

解压JQuery Mobile文件,工程目录如下图所示

将该文件夹中的相关文件拷贝到新建的工程目录中,如下图所示:

需要去除JQuery Mobile的默认样式有以下三种方法:第一种方法是将 data-theme的取值改为大于e的值(以字母大小排序)本例将data-theme改为了m,读者可以自行更改,但是不能在默认的a-e五种默认样式之间

第二种方法,将data-role的取值改为none

第三种方法找到JQuery Mobile默认样式的类选择器或是ID选择器,在JQuery Mobile 的css文件找到删除或者不删除,在你的样式里重写 但是后面加上 !important 作用是提高指定CSS样式规则的应用优先权。 以上三种方法可以解决默认样式的问题,至少我几年开发中都是用以上解决问题,还没有不能解决的问题。

注意事项

JQuery Mobile依赖于JQuery库

温馨提示:答案为网友推荐,仅供参考
相似回答