Question

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

<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;
}
想问问为什么颜色没有改变呢

Answer 1

有两种方式可以解决：

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

2、

<style>
.ui-mobile-viewport .gg
{
    background-color:gray;
    color:red;
}
</style>

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

Answer 2

把样式卸载头部，还有别忘了加<style>标签

追问

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

Answer 3

这肯定是会变的啊，难道你别的地方css冲突了？

追问

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