jQuery Mobile ListView以渐变为自定义背景

Question

我正在尝试使用自定义渐变作为背景(由http://www.colorzilla.com/gradient-editor/生成的渐变 )来设置listview的样式

我想要每一个

包含不同的渐变作为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中为锚点添加样式.

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

演示