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 #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 #3564
Kann das iframe nicht aktualisieren
0.17.19 Kannst du den Fehler aus der Demo reproduzieren? JA Was ist das erwartete Verhalten? Ich hatte eine Frage bezüglich iframe-Aktualis...
Problem #3279
Wie kann man Textnode-Bearbeitung dazu bringen, Komponenteninhalte zu aktualisieren?
Ich baue eine benutzerdefinierte 'Textbereich'-Komponente und möchte, dass sie sich wie die eingebaute 'Text'-Komponente verhält, sodass da...
Problem #3134
Die Leinwand scrollt nach oben auf die Seite, wenn ich versuche, ein Element aus den letzten Abschnitten zu ziehen
Version: 0.16.27 Kannst du den Fehler aus der Demo reproduzieren? [X] Ja [ ] Nein Was ist das erwartete Verhalten? Wenn ich versuche, eine...
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.