如何更改 ons-list-item 中的 on-select 颜色

Question

如何在点按时更改选中颜色

这是代码。

<ons-list style="background: #ef8697"  >

    <ons-list-item
        modifier="tappable" class="list__item__line-height"
        onclick="app.slidingMenu.setMainPage('page1.html', {closeMenu: true})">
        <i class="fa fa-home fa-lg" style="color: #666"></i>
        &nbsp; Page 1
    </ons-list-item>

    <ons-list-item
        modifier="tappable" class="list__item__line-height"
        onclick="app.slidingMenu.setMainPage('page2.html', {closeMenu: true})">
        <i class="fa fa-gear fa-lg" style="color: #666"></i>
        &nbsp; Page 2
    </ons-list-item>

</ons-list>

转到此屏幕截图：http://i.stack.imgur.com/D6c9g.png

在上图中，我想在选择时更改银色

Answer 1

您可以在 http://components.onsen.io/

自定义您的颜色

要更改点击的列表项的颜色，您可以更改 "Active Background Color"。然后，您可以下载包含新颜色的 CSS 个文件。

如何更改 ons-list-item 中的 on-select 颜色

How to change the on-select color in ons-list-item

html

onsen-ui