画面をタップしたときの背景色の変更

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+ */ 


} 

上記コードです。しかし、私がダイビングに触れてそれを取り除くと、背景色はまだ残っています。その後私はこのプロパティをこのように使いました。

-webkit-タップハイライトカラー

.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に変更されます。

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