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

时间:2016-11-04 05:46:09

标签: html css css3 sencha-touch

我想在触摸时更改特定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颜色。这是为什么?解决办法是什么?

1 个答案:

答案 0 :(得分:0)

如果您已经有jquery库,请尝试使用它。这会在点击时更改background的{​​{1}}。

.x-list-item