点击屏幕时背景颜色会发生变化

Question

我想在触摸时更改特定 div 的背景颜色。我用过

.x-list-item:active {


background: #870000 !important; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #870000 , #190A05) !important; /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #870000 , #190A05) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

以上代码。但是当我触摸 dive 并将其拉下时，背景颜色仍然存在。之后我用这个属性作为这个

-webkit-tap-高亮颜色

 .x-list-item {

    -webkit-tap-highlight-color: #870000 !important;
    -webkit-tap-highlight-color: -webkit-linear-gradient(to left, #870000 , #190A05) !important; 
    -webkit-tap-highlight-color: linear-gradient(to left, #870000 , #190A05) !important; 


    }

但样式不适用。这意味着至少不要更改 div 颜色。这是为什么？解决办法是什么？

Answer 1

如果您已经有 jquery 库，请尝试使用它。这将在单击时更改 .x-list-item 的 background。

 $('.x-list-item').on('click', function(){
      $('.x-list-item').css({background: 'red'});
    });

点击屏幕时背景颜色会发生变化

Background color change when screen is tapped

html

css

sencha-touch