PNLdev
Tutorial
Front-end
HTML
reference
CSS
reference
JavaScript
reference
En
English
فارسی
En
English
فارسی
Tutorial
Front-end
HTML
reference
CSS
reference
JavaScript
reference
Run
<!DOCTYPE html> <html> <head> <style> input[type=checkbox] { accent-color: blue; } input[type=radio] { accent-color: red; } input[type=range] { accent-color: rgb(20, 20, 500); } progress { accent-color: hsl(100, 100%, 50%); } </style> </head> <body> <h1>accent-color property example</h1> <h3>Accent color for checkboxes:</h3> <input type="checkbox" id="vehicle1" name="vehicle1" value="programmer" checked> <label for="vehicle1"> iam programmer</label><br> <input type="checkbox" id="vehicle2" name="vehicle2" value="marketer" checked> <label for="vehicle2"> Iam digital marketer</label><br><br> <h3>Accent color for radiobuttons:</h3> <input type="radio" id="programming" name="fav_language" value="PROGRAMMING"> <label for="programming">PROGRAMMING</label><br> <input type="radio" id="seo" name="fav_language" value="SEO" checked> <label for="seo">SEO</label><br> <h3>Accent color for a range field:</h3> <label for="vol">uploading:</label> <input type="range" id="uploading" name="uploading" min="30" max="100"> <h3>Accent color for a progress element:</h3> <label for="file">uploading progress:</label> <progress id="file" value="90" max="100"> 72% </progress> </body> </html>
