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;
}