Wie kann ich Elemente in einem Dropdown-Menü mithilfe von CSS-Problemumgehungen formatieren?

Styling Elemente in Element mit CSS

Während es nicht möglich ist,

Elemente innerhalb eines Element mit reinem CSS verwenden, gibt es Problemumgehungen, die ähnliche visuelle Effekte erzielen können.

Verbesserungen bei Firefox 35 und WebKit

In Firefox 35 und WebKit kann die Eigenschaft „appearance“ verwendet werden um den Standardstil des auszublenden Element. Indem Sie -webkit-appearance und -moz-appearance auf none setzen, kann die Dropdown-Schaltfläche entfernt werden. Für die IE 11-Unterstützung kann auch [::-ms-expand] verwendet werden, um diesen Effekt zu erzielen.

Browserübergreifende Problemumgehung mit HTML und CSS

Zur Simulation Styling für

Elemente kann eine Problemumgehung mithilfe einer Kombination aus HTML und CSS implementiert werden:

1. Erstellen Sie ein Container-Div und schließen Sie es um das

ein. Element.

Fügen Sie dem Container-Div Stil hinzu, einschließlich Rahmen, Polsterung und Hover-Effekten.

Verstecken Sie eine verschachtelte ungeordnete Liste (

) innerhalb des Container-Div, die die Listenelemente enthält repräsentiert die Elemente.
• Wenden Sie Hover-Effekte auf das Container-Div an, um die verschachtelte ungeordnete Liste anzuzeigen.
• Stilisieren Sie das
• Elemente in der ungeordneten Liste sollen ähneln. Elemente, einschließlich Polsterung, Rahmen und Hover-Effekte.

Diese Problemumgehung bietet eine Problemumgehung für das Styling von Elemente, auch wenn das direkte CSS-Styling dieser Elemente nicht in allen Browsern unterstützt wird.

Das obige ist der detaillierte Inhalt vonWie kann ich Elemente in einem Dropdown-Menü mithilfe von CSS-Problemumgehungen formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!