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

Design help General
1

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:

Thanks,

JFly

2

Hi we need your sharing link to compare :smile:

3

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

4

(crickets)

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

5

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
6

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

7

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