滚动<ons-list-item>时如何删除点击效果但在点击时保持效果？

Question

当我滚动浏览<ons-list>时，<ons-list-items>会以深灰色背景颜色突出显示，我希望只有在点击列表项时才显示此效果，我不会这样做。滚动列表时想要效果。

滚动浏览时有没有办法摆脱高光效果？

Answer 1

WebKit Mobile是移动设备使用的选择渲染器。一个很少使用的样式属性是-webkit-tap-highlight-color，它允许开发人员更改默认的点按高亮颜色。以下是如何使用它！

    /* light blue at 80% opacity */
    html {
    -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8);
         }

    /* change it for a div that has a similar background-color to the light blue tap color */
   .blueDiv {
      -webkit-tap-highlight-color: rgba(251, 185, 250, 0.9);
            }

更改-webkit-tap-highlight-color属性值是关键！另请注意，使用RGBA颜色可以为高光添加额外的尺寸不透明度，这样颜色就不会那么苛刻。

http://davidwalsh.name/mobile-highlight-color

但是在onsenUi中进行更改或删除点按效果只需更改此css类：

 .list__item_active:active {
   background-color: #d9d9d9;
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
    transition: none;
   }