iphone :active 伪类在 safari 中不起作用

Question

我有一个网页无法在 Safari 中正确显示。

:active 伪类（按下时应将按钮变为黄色）不起作用。 当然它适用于任何其他浏览器。

应用了这个解决方案，但没有用： :active pseudo-class doesn't work in mobile safari

这是我的例子： https://jsfiddle.net/mt4sf7ov/

button:focus {
-webkit-appearance: none;
border-radius: 0;
background-color: yellow;
font-size: 30px;
padding: 2px 20px;
}

Answer 1

请将以下样式放入您的 css 文件中。 button:active {-webkit-appearance: none;border-radius: 0;background-color: red;font-size: 30px;padding: 2px 20px;}

Answer 2

好的解决了，解决办法可以看这里： http://jsfiddle.net/quo85do3/5/

button:hover{
-webkit-appearance: none;
background:#000;
}