html - Spacing after input elements with webkit appearance disabled -


When I disable the wekbit-appearance of input elements, chrome improves your parents inappropriately.

JSFiddle here:

Each intermediate divs (without classes) have a height of 24 pixels, despite having height 20 pixels and having 0 pixels child; None of the elements have any margins, padding or limits. The height difference between parent and child elements is always 4px per child input element.

How do I remove 4 extra pixels of space?

  input [type = "radio"] {-webkit-appearance: none;  

Margin: 0; }

EDIT: I am using Chrome; Only Chrome and Safari support - WEBKit AFAIK, so there may be a problem in other browsers.


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -