Warum funktioniert das Auffüllen in Safari- und IE-Auswahllisten nicht?

Padding wird in Auswahllisten in Safari und IE nicht angezeigt

Trotz fehlender Einschränkungen in der W3-Spezifikation wird das Padding in Auswahlfeldern von WebKit-Browsern nicht unterstützt, einschließlich Safari und Chrome. Daher wird in diesen Browsern kein Auffüllen angewendet.

Um dieses Problem zu beheben, sollten Sie die Verwendung von text-indent anstelle von padding-left in Betracht ziehen. Behalten Sie den gleichen Einrückungsbetrag bei, indem Sie die Breite Ihres Auswahlfelds entsprechend erhöhen.

Zum Beispiel in Ihrem Code:

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

Durch Hinzufügen von text-indent:15px und Erhöhen der Breite auf 258px , zeigt das Auswahlfeld jetzt den gleichen Einzug an, als ob es 15 Pixel linken Abstand hätte, funktioniert aber weiterhin ordnungsgemäß in WebKit-Browsern.

Das obige ist der detaillierte Inhalt vonWarum funktioniert das Auffüllen in Safari- und IE-Auswahllisten nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!