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/....
Also available on Medium: https://levelup.gitconnected.com/smal...
-------
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