How to change the checkbox size using CSS?

Spread the love

To change the checkbox size using CSS, we set the zoom property.

For instance, we write

<input type="checkbox" />

to add a checkbox.

Then we write

input[type="checkbox"] {
  zoom: 1.5;
}

to set the zoom to 1.5 to increase the checkbox size.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.