如何去除jquery mobile 的css样式

Posted 2023-02-21

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

将data-role的取值改为none。

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

参考技术A 要去除手机端的样式，如果手机端和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删除即可 参考技术B 定位到那个DOM元素，查看哪个元素上的哪个类影响的CSS样式，自定义一个同名的类覆盖原来的样式即可。不建议直接修改jQuery Mobile的样式。