Why Does "Focused" seem to override "Pressed" button state?

I have a “Pressed” state here on these simple text links that darkens the text and a “Focussed” state that shows a dark border around the link. However, on press the focus state displays. Is that because it is also being focussed when it is pressed?

Is there a way to have a visual “focused” highlight state for the purpose of tabbing through a page (a must for accessibility) but not have it display on Press?

Here’s a quick test page to demonstrate what I’m experiencing: http://form-tmp-789.webflow.io/
Designer Share Link:



Hi we need your sharing link to compare :smile:

Hi @vincent, Here you go! https://preview.webflow.com/preview/form-tmp-789?preview=7d6d50431023ceb92f47a37aeff2bd33


I guess people are too worked up about the new pricing model :wink:

I have been meaning to comment on this, sorry for the delay :smile:

The pressed state in the Webflow UI is the pseudo class selector :active in CSS. So you are right that when you click on a link it is both active and focused at the same time.

Unfortunately I don’t know of anyway you can disable your focus state when a link is in an active state.

1 Like

Thanks Alex. Anyone else have any experience with this? Or is this just “default behavior”?

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.