html - 没有图标的 JQuery Mobile 拆分按钮列表

Question

我正在尝试制作一个包含两个部分的列表，每个部分都有不同的链接，但如果不使用列表右侧部分的图标，我将无法做到这一点。

我试图将 data-icon='false' 放在任何地方，但它不起作用，它使用默认图标。

我也尝试过使用它并且它可以工作，但我无法让它看起来像拆分列表一样好。

关于如何做到这一点的任何想法？

非常感谢你！

Answer 1

你能像这样覆盖 jquery mobile 的 .ui-icon 类吗？

.ui-icon-your_name_icon {
   width: 18px;
   height: 18px;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   background-position: 50% 50%;
   background: url("../images/some_one_image_transparent.png") no-repeat scroll 0 0 transparent;
}

我希望这有帮助。:)

Answer 2

我已经设法用这样的控制组来做到这一点，并在 .css 文件中使用宽度：

<li data-role='list-divider'>
    <div data-role='controlgroup' data-type='horizontal' >
        <a class='resume' type='button' href='javascript:void(0)'>
            <span class='name' >Object Name </span>
        </a>
        <a class='info' type='button' href='javascript:void(0)'>
            <span class='name'>Max Value </span>
        </a>
    </div>
</li>