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

Question

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 1

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