Is there a way to change the background color of a specific div when touching it? I have tried using the following code:
.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+ */
}
However, after touching the dive and dragging it, the background color remains the same. I then tried using the following properties:
-webkit-tap-highlight-color
.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;
}
Unfortunately, the styles are not being applied. The div color does not change. Can someone explain why this is happening and provide a solution?