css - input padding cutting out text in firefox -
in firefox when use bootstrap form-control input element, if pad input element cuts out text padding inwards rather around text. seems have effect in firefox. jsfiddle demonstrates problem:
form input html:
<input id="name" type="text" class="form-control join-form" placeholder="enter username">
css:
.join-form { padding: 24px; /*comment out see effect of padding */ margin: 12px 0px; font-size: 16px; letter-spacing: 0px; font-weight: 300; }
this specific can replicate error. i'm half hoping it's browser quirk related me, can't check being i'm working individually , have 1 machine.
the bootstrap form-control class gets fixed height default. add height: auto;
.join-form
selector(to keep flexibility), , change padding original effect, padding: 14px 20px;
see here: http://jsfiddle.net/x78bh/
Comments
Post a Comment