<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> input[type="checkbox"]{ accent-color: rgb(51, 255, 0); } input[type="radio"]{ accent-color: red; } input[type="range"]{ accent-color: red; } </style> </head> <body> <input type="checkbox" name="test" id="test"> <input type="radio" name="test1" id="test1"> <input type="range" name="test2" id="test2"> <input type="date" name="test3" id="test3"> </body> </html>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter