In firefox quando uso un elemento di input di controllo del form di bootstrap, se applico l'elemento di input ritaglia il testo inserendolo verso l'interno piuttosto che attorno al testo. Sembra solo avere questo effetto in Firefox. Questo jsfiddle illustrato il problema: ingressopadding di input che taglia il testo in firefox
modulo HTML:
<input id="name" type="text" class="form-control join-form" placeholder="Enter a Username">
CSS:
.join-form {
padding: 24px; /*comment this out to see effect of padding */
margin: 12px 0px;
font-size: 16px;
letter-spacing: 0px;
font-weight: 300;
}
Questo è quanto di specifica come posso ottenere di replicare questo errore. Sto anche sperando che sia solo una stranezza del browser che mi riguarda completamente, ma non riesco a controllare come sto lavorando individualmente e ho solo una macchina.
Grazie! Entrambe le tue risposte sono fantastiche, sono entrambe quasi uguali. Sono così felice che la soluzione sia stata così semplice. Mi ci sono voluti per sempre per scoprire cosa stava causando questo errore, in primo luogo! –