Wählen Sie Pfeil fehlt auf Safari Windows

Ich Hinzugefügt einige styling wählt mit der folgenden Klasse:

.form-fields select {
height: 24px;   
background: url(/Images/ui/input-bg.jpg) #FFF repeat-x;  
border: 1px solid #AAA;
}

Dies funktioniert in allen Browsern außer es bewirkt, dass Safari auf Windows zu weglassen, ein drop-down-Pfeil.
Wenn ich kommentiere, sowohl hintergrund-und Rahmen-Eigenschaften (und nur die beiden) der Pfeil ist wiederhergestellt noch die Höhe wird ignoriert, in allen anderen Browsern.

Möchte ich halten dieses styling als Windows-Safari ist eine Minderheit, aber bin neugierig zu wissen, ob es eine Lösung gibt, die für alle Werke.

InformationsquelleAutor eggs | 2012-09-19
  1. 8

    Platzieren Sie diese in Ihrer css -

    *{
 -webkit-appearance: menulist;
}
    InformationsquelleAutor Gajen
  2. 4

    Ich war mit dem gleichen Fehler auf dem iPhone iOS. Ich entfernte background-color:transparent; Stil, und es behoben, die fehlenden wählen Sie Pfeil-browser-Benutzeroberfläche.

    InformationsquelleAutor neicull
  3. 0

    Ich habe versucht, obigen code, aber es war nicht die Arbeit, für die UI, die erstellt wurde, usingh jquery.min.css. Ich habe versucht, unter css und mein Problem gelöst.Ich bin targeting ui-icon-carat-d, die gezeigten dropdown-Pfeil

    .ui-icon-carat-d:after{
                background: url("https://cdn1.iconfinder.com/data/icons/pixel-perfect-at-16px-volume-2/16/5001-128.png") 95% 32% !important;
                background-repeat: no-repeat !important;
                background-color: #fff !important;
        }
    InformationsquelleAutor GSB
Schreibe einen Kommentar