Wie wende ich den Abstand auf Auswahllisten in Safari und Internet Explorer an?

Padding wird nicht auf Safari- und IE-Auswahllisten angewendet

Das Verbessern des Stils von Auswahllisten in Safari und Internet Explorer kann aus folgenden Gründen eine Herausforderung darstellen fehlende Unterstützung für die Polsterung. Während die Spezifikation des World Wide Web Consortium (W3C) das Auffüllen von Auswahlfeldern zulässt, wird diese Funktion von Webkit-Browsern wie Safari und Chrome nicht berücksichtigt.

Um dieses Problem zu lösen, besteht ein alternativer Ansatz darin, text-indent anstelle von zu verwenden Polsterung links. Indem Sie den gleichen Betrag zur Breite des Auswahlfelds hinzufügen, können Sie effektiv den gewünschten Abstand erreichen.

Beachten Sie den folgenden Code:

<select id="sexID" name="user[sex]"
        style="border: 1px solid #C1272D;
               width: 258px; // 243 + 15px
               text-indent: 15px;
               height: 25px;
               color: #808080;">

Dieses Beispiel zeigt, wie Sie die gewünschten 15 Pixel erreichen Auffüllen durch Anwenden von text-indent: 15px und entsprechendes Erhöhen der Breite des Auswahlfelds.

Das obige ist der detaillierte Inhalt vonWie wende ich den Abstand auf Auswahllisten in Safari und Internet Explorer an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!