Dieses Mal zeige ich Ihnen, wie Sie mit der Fehlausrichtung der Auswahl-Dropdown-Box-Optionen umgehen können Hier sind die tatsächlichen Fälle, schauen wir uns sie an.
Bei der Verwendung von iview bin ich auf ein solches Problem gestoßen, als ich die Dropdown-Box-Komponente „Auswählen“ inAbbildung 1:
Abbildung 2:
Nach der Analyse des Komponentencodes haben wir den folgenden Stil gefunden:.ivu-modal .ivu-select-dropdown { position: absolute !important; }
Lösung
Dieser Stil beeinflusst die Positionierung des Die Lösung besteht darin, den ursprünglichen Stil des Autors zu überschreiben. Allerdings hat der Autor leider ein !important hinzugefügt und diePriorität geändert.
Wie können Sie also dafür sorgen, dass Ihr Stil eine höhere Priorität hat als sein eigener? Sie können diesen Stil zur benutzerdefinierten Stildatei hinzufügen:body .ivu-modal .ivu-select-dropdown{ position: fixed !important; }
Wie jQuery das Umschalten nach links und rechts implementiert
So binden Sie das Auswahl-Dropdown-Feld von vue.js Ereignissen und Werten
Das obige ist der detaillierte Inhalt vonSo gehen Sie mit falsch platzierten Optionen im Auswahl-Dropdown-Feld von iview um. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!