Twitter L'altezza del campo di testo Bootstrap è troppo piccola?

Sto usando il bootstrap e trovo che l'altezza del campo di testo sia troppo piccola. È come meno di 10px. Mi chiedo se è piccolo o ho fatto degli errori.Twitter L'altezza del campo di testo Bootstrap è troppo piccola?

Ho usato il firebug per ispezionare l'area di testo. Dice che l'altezza è 18px, il che sembra impossibile per me ... E quello che ho ottenuto è lo stesso che ho ricevuto da qui. Text area from bootstrap example .E mi fa piuttosto confusa ... quello che ho ottenuto è

input, textarea, select, .uneditable-input { 
    border: 1px solid #CCCCCC; 
    border-radius: 3px 3px 3px 3px; 
    color: #555555; 
    display: inline-block; 
    font-size: 13px; 
    height: 18px; 
    line-height: 18px; 
    margin-bottom: 9px; 
    padding: 4px; 
}

L'altezza dice che è 18px, ma non è ... Qualcuno può aiutare ?!

fonte

2012-02-10 Gnijuohz

OK.Io trova [questo] (http://stackoverflow.com/questions/9170305/twitters-bootstrap-form-inputs-too-thin) aiutato. Ma sarei felice se qualcuno può spiegarmi questo. Sembra piuttosto strano che le proprietà del css siano esatte lo stesso, ma il risultato è così diverso ... Cosa ha a che fare la parte! DOCTYPE con css ?! – Gnijuohz

Il DOCTYPE determina il grado di indulgenza di un browser durante il rendering di una pagina. Controlla http://www.quirksmode.org/css/quirksmode.html per alcuni esempi. –

rimuovere il padding –

166

Aggiunta <!DOCTYPE HTML> dovrebbe risolvere questo problema. La stessa domanda è stata posta qui: Text input rendering issue with Twitter Bootstrap

fonte

2012-02-26 02:11:40

Sì. Ho trovato un domanda simile. L'ho postata nell'area dei commenti sopra. Avrei dovuto terminare questa domanda. Ma non ho capito perché ha risolto il problema. – Gnijuohz

Dai un'occhiata a questo http://stackoverflow.com/questions/414891/whats-up-doctype –

Grazie mille. Questo è stato un vero dolore. –

Sì totale height è 28px perché padding & confine aggiungere anche height a quella input in questo modo:

height 18px + 
4px padding-top + 
4px padding-bottom + 
1px border-top + 
1px border-bottom = 
Total 28px height

fonte

2012-02-10 04:56:27 sandeep

Vedere la mia soluzione qui in a similar thread.

Fondamentalmente, la codifica del file di testo stava causando tutti i miei problemi. Si è manifestato in tali minuscole differenze tra i vari browser che ho sprecato ore a manipolare il pensiero CSS che ne è la causa.

fonte

2012-06-26 06:45:29 user1481102

Hai ragione niente a che fare con i CSS. Ho avuto lo stesso problema con uno dei miei file php codificati in utf8 invece di ascii. – nakhli

Incase la risposta in alto non ha aiutato

avevo <!DOCTYPE html> già e non era il problema per me. Non so qual è il problema, ma ho fissato con questo nel mio css:

input[type=text], input[type=password], input[type=email], input[type=tel] { 
    height: 28px !important; 
}

Si tratta di una soluzione e non sono sicuro se ha alcuni effetti collaterali.

fonte

2012-07-11 11:55:24 Jeewes

Non so perché se apro una nuova pagina HTML5 pulita funziona, ma dopo aver aggiunto del codice non so perché succede. Quindi apro il file bootstrap.min.css e cerco: type="text" e lì c'è la proprietà height e lo cambio in min-height perché deve funzionare.

fonte

2012-11-16 05:37:02 Tamir

Twitter L'altezza del campo di testo Bootstrap è troppo piccola?

risposta

Problemi correlati