Reines CSS zum Hinzufügen von Stilen zur Auswahl (kein Skript) der Implementierung_HTML/Xhtml

Heim

Web-Frontend

HTML-Tutorial

Reines CSS zum Hinzufügen von Stilen zur Auswahl (kein Skript) der Implementierung_HTML/Xhtml_Webseitenproduktion

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:40 PM

select 样式

Das Ändern des Standardstils von select wird normalerweise durch UL- und LI-Simulation erreicht.
Es gibt viele JQuery-Plug-Ins, die den Standardstil von select auf diese Weise ändern.
Laut Rückmeldung des Programmierers kann diese Methode nach dem Absenden des Formulars keine Daten abrufen. Später wurden nach Experimenten verschiedene JS/Jquery-Plug-Ins verwendet, aber das Ergebnis war das gleiche: Daten konnten nicht abgerufen werden.

Später habe ich einen von einem Ausländer geschriebenen Blog gelesen. Ich habe CSS-Stile verwendet, um ein Div außerhalb der Auswahl hinzuzufügen. Ich habe die Breite des ausgewählten Divs kleiner eingestellt als die Breite des übergeordneten Divs Wählen Sie den Standardpfeilstil aus, indem Sie das Hintergrundattribut des Div festlegen.
Diese Methode ist eine gute Methode. Sie erfordert kein Schreiben von Skripten, sondern verwendet nur einfaches CSS.

Diese Methode weist jedoch auch Mängel auf, d. h. unter der IE-Serie wird bei der Auswahl einer Option ein Hintergrundfarbblock angezeigt. IE7-IE10 haben diesen Fehler.
Unter Opera ist das Hintergrundbild des Div so eingestellt, dass es nicht angezeigt wird, d. h. der Dropdown-Pfeil der Auswahl wird nicht angezeigt. Ich kenne den Grund dafür nicht.
Der folgende Code

Kopieren Sie den Code

Der Code lautet wie folgt: