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:

http://jsfiddle.net/v76xb/

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

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -