如何去除jquery mobile 的css样式

Question

如题所述

Answer 1

是指默认的样式吗，是的话有两种方法

将data-role的取值改为none。

找到JQuery Mobile默认样式的类选择器或是ID选择器，在JQuery Mobile 的css文件找到删除或者不删除，在样式里重写 但是后面加上 !important 作用是提高指定CSS样式规则的应用优先权。

Answer 2

要去除手机端的样式，如果手机端和pc端是同一个样式文件：
1、找到css文件
2、查询找到这类型@media screen相关的样式：
@media screen and (max-width: 319px){
.header-txt{
font-size: 16px;
}
}
@media screen and (min-width: 320px) and (max-width: 359px){
.header-txt{
font-size: 16px;
}
}
@media screen and (min-width: 360px) and (max-width: 409px){
.header-txt{
font-size:18px;
}
}
3、删除这类型的css样式

如果是分开的文件直接将引入的link删除即可

Answer 3

定位到那个DOM元素，查看哪个元素上的哪个类影响的CSS样式，自定义一个同名的类覆盖原来的样式即可。不建议直接修改jQuery Mobile的样式。