How do I remove background / gradient styling from jquery mobile listviews

Brian picture Brian · Feb 15, 2012 · Viewed 7.9k times · Source

I'm trying to override the standard styling of a listview li element in jquery mobile. I tried just setting a rule at the end of all the css

li{
background-color:#ffffff;
border:none;
border-bottom: 1px solid #eeeeee;
}

But there are still some styles being applied. I just want a solid background color and no gradient stuff.

Answer

user700284 picture user700284 · Feb 15, 2012

Try this:

li{
background:#ffffff !important;
border:none;
border-bottom: 1px solid #eeeeee;
}

This will override the gradient colors created by jQuery Mobile using background-image style