giriş seçme kutusu Safari'de dolgu kullanmayın

Question

Giriş seçme kutum var ve metni bu kutuda hizalamam gerekiyor. Google Chrome, Firefox ve IE < = 9'da çalışıyor. Ama Safari dolgu kullanmayın .. İşte

kodum:

<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/

Bazı fikirler düzeltmek? W3 özelliklerinin bildiğim kadarıyla, seçili alanlarda dolgu kullanılmasına izin verilmediğine dair

Answer 1

Onun geç bir cevap zamanda yapılması Will ama bir süre için aynı sorununa çözüm arıyordu. Metin girintisini kullanmak, öğeleri giriş elemanının etrafına kaydırdı ve dolgu hala göz ardı edildi.

-webkit-appearance: textfield; 

Bunu kullanmak benim sorunumu çözdü, umarım bu, başka birine zaman kazandırır.

Answer 2

. Yani Safari bunu desteklemiyor.

Ama bunun yerine padding-left aşağıdaki kullanabilirsiniz:

text-indent:17px; 

Bu iyi çalışması gerekir. Benim son yorum yanıt yoluyla geldiyse

Answer 3

Emin değilim,: Bir Safari burada yüklü olmadığı için

, umarım bu yardımcı olur. kullanmayı deneyin:

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

yerine

text-indent: 17px; 

-webkit-padding-start

sadece chrome veya safari tarayıcılarını içindir ve padding-left eser varsa, otomatik olarak göz ardı edilmelidir.

Maalesef henüz bir jsfiddle hesabım yok.

kısa sürede ;-)