The Brand New CSS Accent Property | Style Radio, Checkbox with 1 Property!

 

Hey friends, today we'll see a BRAND NEW CSS Property which released a few days ago (approximately 31 August 2021). This is the CSS Accent property. With this new property you can easily style checkboxes, radio buttons, progress tags and sliders from HTML Forms.

Do check out my quick video tutorial below on this property! :

Below, I've attached a code segment on how to use this property.

<form>
  <input type="radio">Style Checkboxes,Radio,Progress<br>
      <input type="radio">With Just this 1 CSS Property!<br>
        <input type="radio"><b>QUICK TUTORIAL!</b><br>
</form>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
  form{
    font-family:poppins;
    accent-color:mediumseagreen;
  }
</style>

By using this new property,I hope you can now easily style the color of these HTML inputs. Do subscribe to our YouTube channel to support us. Till the next one, goodbye!