If you find yourself removing a border from an element that has a border and are tempted to use border: 0 , border: none, or outline: none, I’d urge you to stop for a moment and reconsider. It’s like the old G.K. Chesterton saying about fences: Do not remove a fence until you know why […]

Frontend Masters is an online learning platform offering  courses on frontend development technologies such as JavaScript, HTML, CSS, React, and Vue.js. Readers can learn about advanced frontend concepts, best practices, and modern development workflows from industry experts. With video lectures, exercises, and real-world projects, Frontend Masters provides  guidance and expertise for mastering frontend development skills.

Frontend Masters

Consider using 'border-color: transparent' instead of 'border: none' when removing a border from an element to maintain accessibility benefits in High Contrast Mode. Use the 'forced-colors' media query for additional styling in High Contrast Mode. Test 'forced-colors' in Chrome DevTools to ensure proper functionality.

You Want border-color: transparent, Not border: none

High-Contrast Mode keeps you honest about color usage

<p>First day in Daily.dev, feels awesome to find this knowledge 🤯</p>
