Hintergrundfarbe ändern, wenn der Bildschirm angetippt wird

Question

Ich möchte die Hintergrundfarbe bestimmter div ändern, wenn Sie es berühren. Ich habe verwendet

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


} 

über den Code. Aber wenn ich den Tauchgang berühre und abziehe, bleibt die Hintergrundfarbe erhalten. Danach habe ich diese Eigenschaft als diese verwendet.

-webkit-Tap-Highlight-Farbe

.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; 


    } 

Aber der Stil nicht gelten. Es bedeutet, dass die div-Farbe nicht geändert wird. Warum das? Was ist die Lösung?

Answer 1

Wenn Sie bereits eine jquery-Bibliothek haben, versuchen Sie diese zu verwenden. Dies wird die background von .x-list-item beim Anklicken ändern.

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