2016-11-16 93 views
0

我有一個非常簡單的CSS而不是button元素。那就是:觸摸屏的CSS僞類問題

.button { 
    background-color: #5266ed; 
    transition-duration: 0.1s; 
} 

.button:active { 
    background-color: #6fa0ed; 
} 

,當我點擊我的button鼠標,但如果我用的顯示器觸摸(DELL P2314T),.button:active不適用這工作完全正常。我該如何解決它?

回答

0

您可以嘗試對所有觸摸事件使用處理程序來觸發它。我相信這是因爲觸摸設備上的觸摸延遲而失效。

添加到您的身體:

<body ontouchstart=""> 

</body> 
+0

但是不可能只用CSS做到這一點?此外,請立即點擊處理程序觸發器。 – JustLogin

+0

不是我所知道的。 ':hover'將起作用,但不會在點擊後取消選擇顏色。 –

0

也許是:聚焦功能是你的出路。導致懸停不起作用的情況下,觸摸屏和

+0

當點擊或點擊結束後,':焦點'不會消失,直到新的點擊或點擊。 – JustLogin