以下を使用して、ボタンのように見えるようにいくつかのリンクのスタイルを設定しました。
a:link、a:visited、a:hover、a:active
ただし、Safari(PCまたはiPad)ではa:activeスタイリングが機能していないことがわかりました。
スタックオーバーフローボタン(質問、タグ、ユーザーなど)は、エクスプローラーとSafariの両方で同じように機能することに気づきました。これを達成するためにどのCSSコードが使用されているか知っている人はいますか?
CSS を確認したい場合は、ブラウザー ツールを使用して要素を調べることができます。要素を右クリックして [要素を検査] を選択するだけです (文言が少しずれている可能性があります)。これは、FireFox、Chrome、および Safari で確実に機能します (他の最新のブラウザーでも同様だと思います)。これらは、要素のソース コードとそれに適用されている CSS を表示します。アドオンを検索して、より多くの機能を提供することもできます。
質問に戻ります。リンクをクリックしたままにすると、StackOverflow に特別な a:active スタイルが表示されません。a:active (リンクをクリック/ホールドしたときのリンクの状態) と現在のページへのリンクのスタイルを混同していませんか?