casella di selezione input non utilizzare una spaziatura in Safari

Question

Ho una casella di selezione di input e devo allineare il testo in questa casella. In Google Chrome, Firefox e IE < = 9 funziona correttamente. Ma il Safari non utilizzare l'imbottitura ..

Ecco il mio codice:

<select class="anrede1"> 
    <option>Frau</option> 
    <option>Herr</option> 
</select> 

.anrede1, .land { 
    font-family:'Roboto Condensed'; 
    font-size: 22px; 
    color: #575656; 
    margin: 10px 10px 10px 0px; 
    width: 100%; 
    height: 42px; 
    text-align: left; 
    padding-left: 17px; 
    border: 2px solid #e1eef9; 
    font-weight: 300; 
} 

http://jsfiddle.net/jhne7pfe/

Alcune idee per risolvere questo?

Answer 1

sua una risposta in ritardo, ma ero alla ricerca di una soluzione per lo stesso problema per un po '. L'uso del rientro del testo ha spostato gli elementi attorno all'elemento di input e il padding è stato ancora ignorato.

-webkit-appearance: textfield; 

Utilizzando che ha risolto il mio problema, spero che questo consente di risparmiare tempo qualcun altro.

Answer 2

per quanto ne so, le specifiche W3 non consentono di utilizzare il riempimento nei campi selezionati. Quindi Safari non lo supporta.

ma è possibile utilizzare il seguente invece di padding-left:

text-indent:17px; 

Questo dovrebbe funzionare bene.

Answer 3

Non è sicuro, se il mio ultimo commento risposta è venuto attraverso:

Come io non ho un Safari installato qui, spero che questo aiuta. Prova ad utilizzare:

padding-left:17px; 
-webkit-padding-start:17px; 

invece di

text-indent: 17px; 

Il -webkit-padding-start è solo per i browser Chrome e Safari e deve essere ignorato automaticamente, se padding-left opere.

Purtroppo non ho ancora nessun account jsfiddle.

Volontà si faccia al più presto ;-)