带有渐变作为自定义背景的 jQuery Mobile ListView

Question

我正在尝试使用自定义渐变作为背景设置我的列表视图的样式（http://www.colorzilla.com/gradient-editor/ 生成的渐变）

我想要每个

包含不同的渐变作为 colorzilla 的背景 + 我想将每个的高度加倍

代码：http://jsfiddle.net/flymen8888/zgNJy/

非常感谢您的帮助！最好的

<!-- Start of index page -->
    <div data-role="page">
        <div data-role="content">

        <ul data-role="listview" data-inset="false">
            <li><a href="#">PAGE A</a></li>
            <li><a href="#">PAGE B</a></li>
            <li><a href="#">PAGE C</a></li>
            <li><a href="#">PAGE D</a></li>
        </ul>
        </div><!-- /content -->
        <div data-role="footer" data-theme="d">
    <!-- /footer -->
    </div><!-- /index page -->

Answer 1

将样式添加到 listview 中的 anchors。

.ui-listview a {
  height: 60px;
  background: red; /* or gradient */
}

Demo