點擊屏幕時的背景顏色變化

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庫，請嘗試使用它。點擊後，這將改變background的.x-list-item。

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