Please be aware that hiding a user's focus can make your site completely unusable for them. Learn more about focus ring styling options in Understanding Success Criterion 2.4.7: Focus Visible.
For more information on hiding/semi-hiding elements, please see the a11y project.
invisibleStyle : Css.Style
Makes content invisible without making it inaccessible.
label [ css invisibleStyle ] [ text "Screen readers can still read me!" ]
invisible : List (Html.Styled.Attribute msg)
Makes content invisible without making it inaccessible.
label invisible [ text "Screen readers can still read me!" ]