JQuery mobile中按钮背景色无法改变，为啥呀

Posted 2023-02-21

<div data-role = "content">
<p class = "a">我是内容</p>
<a href = "#" data-role = "button" class = "gg">哈哈</a>
<a href = "#" data-role = "button">哈哈</a>
<a href = "#" data-role = "button">哈哈</a>
<a href = "#" data-role = "button">哈哈</a>
</div>
css代码是
.gg

background-color:gray;
color:red;

想问问为什么颜色没有改变呢

有两种方式可以解决：

1、写到行间，优先级最高的；

2、

<style>
.ui-mobile-viewport .gg

    background-color:gray;
    color:red;

</style>

.ui-mobile-viewport是jquery mobile默认给body加的class,这样的话包含选择符优先级高一点

参考技术A 把样式卸载头部，还有别忘了加<style>标签追问

卸载头部？意思是把jquery mobile的css去掉？可以更详细点吗？

参考技术B 这肯定是会变的啊，难道你别的地方css冲突了？追问

我也不知道怎么回事，大侠，有解决办法不