触摸屏的CSS伪类问题

时间:2016-11-16 13:44:42

标签: html css touch

我有一个非常简单的CSS button元素。这是:

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

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

当我用鼠标单击button时,它完全正常,但如果我使用监视触摸(DELL P2314T),则.button:active不适用。我该如何解决?

2 个答案:

答案 0 :(得分:0)

您可以尝试使用处理程序来触发所有触摸事件。由于触摸设备的触摸延迟,我认为它无法正常工作。

将此添加到您的身体:

<body ontouchstart="">

</body>

答案 1 :(得分:0)

也许:聚焦功能是你的出路。如果触摸屏和

,导致悬停不起作用