ios - 苹果手机 :active pseudoclass not working in 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;}