1-minute CSS tip: accent-color

Learn about the accent-color CSS property and how it can help make your HTML forms more consistent cross-browser (and even more accessible!) For more details about accent-color, check this article I published on my blog: https://alvaromontoro.com/blog/68039/small-details-to-improve-your-website-experience. Also available on Medium: https://levelup.gitconnected.com/small-details-to-improve-your-websites-experience-88425116a06c ------- Transcript (of the video text, as it doesn't have voice): You have a webpage... with a form. Problem: the native form controls' color doesn't match your web page's styles and looks different in every browser. Solution: use accent-color. input, progress { accent-color: yellow; } Supported by all major browsers Applies to... - Progress bars (progress tag) - Sliders (input type="range") - Radio buttons - Checkboxes Built-in color contrast accessibility ------- Music: https://www.bensound.com License code: GPLCGG1LDCMINTKG