CSS悬停样式和iOS

Question

我正在开发一个Web应用程序，您可以在其中从一系列按钮中进行选择。将鼠标悬停在这些按钮上时，它们的样式会更改。我将此样式包装在@media查询中，以使移动设备上没有悬停样式：@media not all and (pointer: coarse)。

我使用Chrome开发人员工具进行了测试，该工具可让您在台式机上查看网站的移动显示，并在那里正常运行。部署我的更改后，有人在手机上看着它抱怨说他们无法再取消选择按钮。但是，在更新到最新的iOS（我相信13）之后，该问题已为他解决。我已经检查了个人iPhone（iOS 12.4.1），对我来说是个问题。

此外，我问过的一位Android用户也没有遇到此问题。

早期版本的iOS和移动CSS样式是否存在问题？

Answer 1

iOS样式按钮默认情况下。也许问题出在这里。 要覆盖，您可以使用以下CSS：

button {
-webkit-appearance: none;
border-radius: 0;
}