如何更改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

在上面的图片中我想在on-select

期间更改银色

Answer 1

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

自定义颜色

要更改已点按的列表项的颜色，请更改“活动背景颜色”。然后，您可以使用新颜色下载CSS文件。