[selectors-4] Could we add :mouse-focus or :keyboard-focus?

[AlphaGo88]

Hello!

the focus pseudo

Sometimes we want to distinguish between a keyboard focus and a mouse focus. For example, when the element is focused by a mouse click, we want to hide the outline. It would be great if this can be done by css rather than javascript.
Something like :mouse-focus or :keyboard-focus would help.

[bkardell]

There is :focus-visible https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible which might give you what you really want, but a specific use case would help if not

[tabatkins]

Yeah, :focus-visible is what you want here - it's a subset of :focus that matches the actual browser algorithm for when to show the focus ring and when to not.

[AlphaGo88]

Thanks a lot!