链接上的 CSS（格式为按钮）在 Safari 中显示不同答案

【问题标题】：CSS on links (formatted as buttons) displaying differently in Safari链接上的 CSS（格式为按钮）在 Safari 中显示不同
【发布时间】：2012-12-30 02:30:38
【问题描述】：

我使用以下方式将一些链接设置为看起来像按钮：

一个：链接，一个：访问过，一个：悬停，一个：活跃

但是我发现 a:active 样式在 Safari（PC 或 iPad 上）中不起作用。

我注意到 stackoverflow 按钮（问题、标签、用户等）在资源管理器和 Safari 中的工作方式相同。有谁知道使用什么 CSS 代码来实现这一点？

【问题讨论】：

请添加您的 CSS 示例。考虑一个 jsfiddle.net 示例来帮助我们回答您的问题。

标签： css safari hyperlink

【解决方案1】：

如果您想检查 CSS，您可以使用浏览器工具来检查您的元素。只需右键单击一个元素并选择“检查元素”（措辞可能略有偏差）。这肯定适用于 FireFox、Chrome 和 Safari（我想也适用于其他现代浏览器）。这些将向您展示元素的源代码以及在其上应用的 CSS。您还可以搜索附加组件以提供更多功能。

回到你的问题。单击并按住链接时，我个人在 StackOverflow 上看不到任何特殊的 a:active 样式。您确定没有将 a:active（单击/按住链接时的状态）与指向当前页面的链接样式混淆吗？

【讨论】：

我想是的。我的按钮在 iframe 中。在 Explorer/Firefox 中，当我单击其中一个时，样式保持在 a:active 上，而另一个 iframe 显示一些新内容。但是在 Safari 中，一旦释放鼠标单击，a:active 样式就会消失。有没有办法让 a:active 样式保持在 Explorer/Firefox 中一样？
Safari 所做的实际上是正确的。当您单击链接或单击并且不释放鼠标按钮时，将出现 a:active 状态。点击一个链接后，它将被设置为visited，并显示在a:visited CSS 中设置的样式。请按照要求，在您提出问题时提供相关的源代码，否则很难确定您的问题源于何处。