title: Increasing radio button height is causing issue in Mozilla browser
body: <p>I need to increase the size of radio buttons. it's working fine in all the other browsers except Mozilla Firefox. It's blurring the radio buttons.<br>
   <a href="https://i.stack.imgur.com/9XLL8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9XLL8.png" alt="enter image description here"></a></p>
  
  <p>I tried to add <code>-moz-appearance: none;</code> css property and style it. but it is returning following result 
  <a href="https://i.stack.imgur.com/3cShL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3cShL.png" alt="enter image description here"></a></p>
  
  <p>Won't be able to get the control of outer-line. is there any way to fix this issue. <br/></p>
  
  <p>Created fiddler <a href="https://plnkr.co/edit/ualGFQX5MG5jbBwkbAw9?p=preview" rel="nofollow noreferrer">Link</a> (Please check it in mozila) I am using Mozilla 47.0.0</p>