235471 2022-01-22 00:24:33 -0800 :active selector doesn’t display 2022-01-25 10:37:06 -0800 1 1 1 Unclassified WebKit CSS Safari 15 iPhone / iPad iOS 15 RESOLVED DUPLICATE 22261 P2 Normal --- 1 04-punch-pinyons webkit-unassigned ap thorton oldest_to_newest 1832989 0 04-punch-pinyons 2022-01-22 00:24:33 -0800 I have recently updated to iPadOS 15 and went to my website… When you click on a link it should change colour but since I have updated it will not. I have a 2020 iPad Pro on iPadOS15. I used the :active selector a:active { color: brown; } 1833179 1 ap 2022-01-23 17:43:01 -0800 Could you please provide a link to your website, or a self contained test case? The active selector works in WebKit in general, e.g. I see it working here in Bugzilla. Are you tapping, or using a Magic Keyboard trackpad? As tapping and holding immediately starts a transition to preview, avoiding :active seems like correct behavior in that case (and matches whet I observe). 1833384 2 04-punch-pinyons 2022-01-24 10:42:39 -0800 I am using the Magic Keyboard Trackpad. Here is the sandbox: https://codepen.io/reeceatkinson/pen/PoOYdom 1833753 3 ap 2022-01-25 09:56:23 -0800 Thank you! I can reproduce on a Mac too - works as expected in Chrome, but not in Safari. In the codepen test, the purple color comes from "focus", not from "active". That's longstanding expected behavior, please see bug 22261 for discussion. .sidebar li a:focus { background: #ccccf0; } The original report here is about :active though. Do you have a test with that? Also, did that work before iPadOS 15? If something changed, that would be an indication that we could be looking at something other than bug 22261. 1833758 4 04-punch-pinyons 2022-01-25 10:09:34 -0800 So how would I make the background turn purple when it has been clicked? 1833762 5 ap 2022-01-25 10:20:16 -0800 The bit of code that you posted originally is the right way to achieve such behavior. If it doesn't work, please provide a complete test case - the one that you provided on codepen is different. 1833764 6 04-punch-pinyons 2022-01-25 10:22:45 -0800 I would however it is the exact same code from my production environment. 1833770 7 ap 2022-01-25 10:37:06 -0800 I see. Please switch to a:active, a:focus will not work for this purpose. *** This bug has been marked as a duplicate of bug 22261 ***