1

我有一个简单的问题。我在 jQuery 移动 UI 中制作了一个非常基本的列表视图,但边框有问题,背景应该是平的,但它是渐变的。

Theme b 是标准的 jQuery mobile UI Theme Roller 主题。

问题图片

代码很简单:

  <div data-role="collapsible-set" data-theme="b" data-content-theme="b" data-inset="true">
    <div data-role="collapsible">
      <h2>Level 1</h2>
      <ul data-role="listview">
        <li>RED Zone</li>
        <li>GREEN Zone</li>
        <li>PURPLE Zone</li>
        <li>GOLD Zone</li>
      </ul>
    </div>
    <div data-role="collapsible">
      <h2>Level 2</h2>
      <ul data-role="listview">
        <li>RED Zone</li>
        <li>GREEN Zone</li>
        <li>PURPLE Zone</li>
        <li>GOLD Zone</li>
      </ul>
    </div>
    <div data-role="collapsible">
      <h2>Level 3</h2>
      <ul data-role="listview">
        <li>RED Zone</li>
        <li>GREEN Zone</li>
        <li>PURPLE Zone</li>
        <li>GOLD Zone</li>
      </ul>
    </div>
  </div>
4

1 回答 1

0

只需通过添加新的 css 或更改 jquery.mobile.xxxcss 文件来覆盖您的样式。

另请参阅此线程样式化 jquery mobile listviews

于 2013-09-01T14:28:10.623 回答