0

Height and width work fine on chrome, even on Microsoft edge too but not on Mozille Firefox. I have tried transform but it pixelates the button. Is there a better solution?

This question is only targetting Mozilla Firefox. As i said In chrome and Edge width and height attributes work.

  

   input[type=radio] {
    height: 62px;
    width: 62px;
    -moz-transform: scale(3.4, 3.4); 
    }
<h2>Switch to Mozilla Firefox to see the difference</h2>
    <input type="radio">hello</>
Gragas Incoming
  • 825
  • 1
  • 9
  • 23
  • Lol the duplicate is more general, i am targeting firefox – Gragas Incoming May 05 '18 at 13:20
  • `height`and `width` works fine in FF btw – dippas May 05 '18 at 13:25
  • Trying to style radios, checkboxes and selects can be a frustrating affair. Browses render them differently, and different browsers allow different levels of customisation. Most attempts to style them end up with more dynamic CSS solutions that utilise [hidden overlays, for example](https://www.w3schools.com/howto/howto_css_custom_checkbox.asp). – Mitya May 05 '18 at 13:35

0 Answers0