Css 如何更改jquery mobile listview的渐变颜色？

我想将listview的渐变颜色更改为自定义颜色。谢谢

<div class="content">
    <ul data-role="listview">
        <li><a href="#">One</a></li>
        <li><a href="#">Two</a></li>
        <li><a href="#">Three</a></li>
        <li><a href="#">Four</a></li>
        <li><a href="#">Five</a></li>
    </ul>
</div>

试试这个。下面的css可用于任何浏览器。第二个六角形是渐变的顶部，第一个六角形是渐变的底部

.color_tabs li a {
background-color: #00B6CF !important;
background-repeat: repeat-x !important;
/* fallback */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009DB2), to(#00B6CF)) !important;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(top, #009DB2, #00B6CF) !important;
/* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(top, #009DB2, #00B6CF) !important;
/* Firefox 3.6+ */
background: -ms-linear-gradient(top, #009DB2, #00B6CF) !important;
/* IE 10 */
background: -o-linear-gradient(top, #009DB2, #00B6CF) !important;
/* Opera 11.10+ */
color:#FFFFFF !important;
text-shadow:rgb(0, 0, 0) 0.08em 0.08em 0px !important;
border-bottom-width:1px !important;
border-bottom-color:#201F23 !important;
}

并将“颜色标签”类添加到ul

<div class="content">
<ul data-role="listview" class="color_tabs">
    <li><a href="#">One</a>
    </li>
    <li><a href="#">Two</a>
    </li>
    <li><a href="#">Three</a>
    </li>
    <li><a href="#">Four</a>
    </li>
    <li><a href="#">Five</a>
    </li>
</ul>
</div>

---

我附带了一个JSFIDLE和一个悬停示例

请花一点时间研究一下，并自己提出一个解决方案。在网上进行简单的搜索就可以找到这个小问题的答案。这正是我想要的。谢谢！为什么？对每个css都很重要？我总是使用jqm！重写任何jqm类很重要。这并不总是必要的。