0

Better Focus Styles with CSS Pseudo-Class :focus-visible



In this quick tip, I’m going to show you how to create better focus styles with a CSS pseudo-class called :focus-visible. Or, in plain English, I’m going to show you how to restyle the blue outline you see when you click on form fields (in a way that doesn’t harm accessibility). ► Download Unlimited UI kits, web fonts & WordPress themes with Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_OaNNOoT5Z9k&utm_medium=referral&utm_source=youtube.com&utm_content=description

Read more on How to Use focus-visible on Envato Tuts+: https://webdesign.tutsplus.com/tutorials/css-pseudo-class-focus-visible–cms-37211?utm_campaign=yt_tutsplus_OaNNOoT5Z9k&utm_medium=referral&utm_source=youtube.com&utm_content=description

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com?utm_campaign=yt_tutsplus_OaNNOoT5Z9k&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_OaNNOoT5Z9k&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

Leave a Reply

Your email address will not be published. Required fields are marked *