Behalten Sie den Hover-Status, wenn Sie das Kind ändern
@artf Danke! Ich habe ein Beispiel für eine funktionierende Dropdown-Liste für alle, die darauf stoßen, erstellt. https://jsfiddle.net/f74zqpgx/ Adam
Lesen Sie die vollständige Antwort unten ↓Frage
Ich versuche, eine Dropdown-List-Option zu bearbeiten, und es ist ziemlich schwierig, sie zu stylen, weil man die Maus nicht in den Style-Manager bewegen kann, da der Hover dann verschwindet. Gibt es also eine Möglichkeit, den Schwebezustand aktiv zu halten, wenn man ein Kind ändert?
Ich weiß, dass man mit dem Layer Manager stylen kann – aber der ist nicht so benutzerfreundlich, ich frage mich nur, ob jemand eine gute Lösung für dieses Problem gefunden hat.
Ich habe eine super einfache Demo des Problems gemacht. https://jsfiddle.net/3g8yd9tL/
Antworten (3)
@artf Danke!
Ich habe ein Beispiel für eine funktionierende Dropdown-Liste für alle, die darauf stoßen, erstellt.
https://jsfiddle.net/f74zqpgx/
Adam
Ich habe das ausprobiert, aber festgestellt, dass man die Stile nur für den Hover-Status bearbeiten kann. '''html <div id="gjs"> <div style="Padding: 25px">Hello World!!</div> <style> :root{ --Anzeige: keine; } .dropbtn { Hintergrundfarbe: #4CAF50; Farbe: Weiß; Polsterung: 16 px; Schriftgröße: 16px...
Du kannst auch einfach 'div.dropdown-content' auswählen und die Anzeige im 'Style Manager' auf Block setzen, bevor du sie nach dem Bearbeiten wieder auf null zurückstellst.
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #2433
Das Ändern der Layerable in einem Ereignis zur Laufzeit aktualisiert nicht sofort
Wenn ich die layerable-Option einer benutzerdefinierten Komponente in einem Event ändere, erscheint sie in den Layern, bis man sie einmal z...
Problem #3512
Kind-Elemente sind nicht ziehbar, fallen lassend, hervorhebbar. außerdem ist der CSS aller Kindelemente, die nicht im Stil gepusht werden, während eine Banner-Komponente als Plugin entwickelt wird
Hallo @artf, Ich versuche, ein einfaches Banner-Plugin zu entwickeln, das eine Überschrift, eine Unterüberschrift und einen Link enthält. U...
Problem #2839
Ich habe eine Komponente mit dem Namen Template in die Blöcke eingefügt, aber wenn ich versuche, andere Komponenten innerhalb dieser Vorlage zu ziehen, wird sie gezogen, aber nach dem Speichern werden alle darin enthaltenen Komponenten entfernt. Wie kann man das vermeiden?
Dies ist der Code der Vorlagenkomponente: '''js Export Standard { init(editor) { Redakteur. DomComponents.addType('myTemplate', { isCompone...
Problem #2626
Bewegen Sie die Komponente nach oben oder unten über den Panel-Knopf
Hallo, ich überlege, eine Funktion zu erstellen, die Komponenten auf der Leinwand nach oben oder unten bewegt, wenn ein Knopf gedrückt wird...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.