how can i change width of a checkbox Without transform Scale

I seem to strugle finding a way to change Only the width of a checkbox.
i know you can increase the scale with e.g. transform: scale(2); but i only want to increase the width lets say #myCheckBox { width: 50px}. but it never works !! any idea why ?

>Solution :

Let’s assume your HTML CODE is:

<input type="checkbox" name="checkBox1" checked id="myCheckBox">

So you can style your check box by this CSS CODE:

#myCheckBox {
  transform : scale(3,1); /*3 for width,1 for height*/
} 

NOTE : 1 value is the default value of scale