Verwenden von Tailwind CSS, um den Stil eines übergeordneten Div als Reaktion auf den ausgewählten Status eines Optionsfelds zu ändern

Ich habe eine Tabelle mit mehreren Spalten und einem Optionsfeld pro Zeile. Ich muss die Hintergrundfarbe der gesamten Zeile ändern, wenn ich eine bestimmte Schaltfläche auswähle. Kann dies erreicht werden? {{user.email}}{{user.name}} In Tailwind können Sie die Klasse „peer“ verwenden, um benachbart...

P粉718165540 2023-08-15 23:49:52 0  1  608

Kann eine Vaadin-Optionsfeldgruppe als Gruppe von Schaltflächen gestaltet werden?

Ist es möglich, Optionsfelder in Vaadin wie eine Reihe von Schaltflächen zu gestalten und eine ausgewählte Schaltfläche farbig zu gestalten? Ich möchte eine Schaltflächengruppe wie Optionsfelder verwenden. Ein Element kann überprüft werden, die anderen können nicht überprüft werden.

P粉529245050 2024-02-03 19:49:05 0  1  360

Auswahlfelder und Optionen gestalten

Ich habe ein Mehrfachauswahlfeld mit vielen Optionen und möchte diese als kleine Blöcke anzeigen, anstatt eine lange Liste von Elementen anzuzeigen. Ich kann dies tun, indem ich „Optionen“ auf „display:inline-block“ setze, aber ich habe ein Problem, bei dem die Optionen nicht in die zweite Zeile gel...

P粉924915787 2023-09-08 11:28:13 0  2  463

Verwenden von JavaScript zur Steuerung der Div-Sichtbarkeit basierend auf der Auswahl von Optionsfeldern ohne Verwendung von ONCLICK

Ich habe einen teilweise gültigen HTML-Code. Ich versuche, eine Texteingabe basierend auf der Auswahl von Optionsfeldern anzuzeigen. Bei mir funktioniert es so, dass beim Drücken des Optionsfelds die anderen Optionen ausgeblendet werden, beim ersten Laden des Bildschirms jedoch alle drei Optionen an...

P粉212114661 2024-02-17 21:44:02 0  1  507

So verwenden Sie CSS, um die Schriftfarbe in HTML basierend auf dem Textinhalt des Tags zu ändern

Ich habe also ein Optionsfeld mit den Texten „Ja“ und „Nein“, und wenn eines davon ausgewählt ist, möchte ich, dass sich die Schriftfarbe ändert. Ja (grün) Nein (rot) Das Folgende ist der HTML-Code: <asp:RadioButtonListID="RadioButtonList1" runat="server"RepeatDirection="...

P粉349222772 2023-09-08 20:57:35 0  1  590

javascript – Implementierung der Listenradioauswahl (Stiländerung) in VueJS

Der erste ist zunächst ausgewählt, aber jetzt sind die anderen ausgewählten nicht abgewählt. Der Stilcode ist wie folgt. Was ist das Problem, dass die Schnittstelle neu gerendert wird, nachdem der Index und der Clickindex geändert wurden? der anderen Zellen sind nicht gleich. Ergibt ein normales Sty...

PHPz 2017-06-05 11:13:43 0  2  1175

javascript – Im IE (9+) wird der übliche Stil nicht wirksam, sondern nur, wenn das Element mit den Entwicklertools ausgewählt wird.

Es funktioniert sowohl in Chrome als auch in Firefox. Es funktioniert nicht im IE, nicht einmal im Edge-Browser. Die Seite, auf der dieses Element mit F12 ausgewählt wird { {Code...} }

世界只因有你 2017-05-31 10:39:30 0  1  767

Bei Verwendung der von Ihnen erstellten <Tab/>-Komponente liegt ein Problem mit dem Status „&.Mui-selected' vor

Ich habe ein benutzerdefiniertes <Tab/> erstellt und möchte dessen ausgewählte Farbe mithilfe des folgenden Codes steuern: Sandbox-Democode exportconstTab=styled(MuiTab)({"&.Mui-selected":{color:"red "}} ); Ich habe jedoch Folgendes festgestellt: 1. Wenden Sie die benut...

P粉775788723 2023-09-20 19:56:31 0  1  569

javascript – Probleme beim Deaktivieren der Textauswahl und des Kopierens

Der Stil ist wie folgt: {Code...} Die HTML-Struktur ist wie folgt: {Code...} Wenn Sie ein Element einzeln auswählen, kann die Auswahl tatsächlich deaktiviert werden Inhalte können nicht kopiert werden, aber wenn Sie cmd + a verwenden, um alle auszuwählen, werden Sie sehen, dass die deaktivierten Ele...

为情所困 2017-06-26 10:58:49 0  2  789

Javascript – Front-End-Verpackungsimplementierung

Ich möchte fragen, ob das Front-End über eine Technologie im Zusammenhang mit den Anforderungen zur Auswahl der entsprechenden Module über die Schnittstelle oder auf andere Weise, zum Packen und Exportieren der entsprechenden Front-End-Dateien und zum Entfernen irrelevanter Module verfügt. Zum Beisp...

三叔 2017-07-07 10:34:32 0  3  995

Wie kann ich den ausgewählten Optionsstil in der MUI-Autocomplete-Komponente anpassen?

Die Frage ist, wie der Titel schon sagt: Wie kann ich den Stil der ausgewählten Option in MUI ändern, wenn ich mehrere Optionen verwende? Ich möchte den Stil aller hervorgehobenen Optionen ändern. Wir wissen Ihre Hilfe sehr zu schätzen, vielen Dank!

P粉769413355 2023-08-14 10:47:21 0  1  590

javascript – Chrome löst das Klickereignis aus, um den Text daneben auszuwählen

Wenn Sie, wie im Bild gezeigt, einen Auswahleffekt vornehmen müssen, klicken Sie einfach auf das Feld „Toggleclass“, um den Stil zu ändern. Wenn Sie häufig mit der Maus klicken, wird der Text daneben ausgewählt nicht klar. Schauen wir uns das Bild an: Klicken Sie einfach auf den Teil des Felds, um i...

怪我咯 2017-05-18 10:50:08 0  2  966

Wie wähle ich aus einer Liste von Bildoptionen aus?

Ich versuche, ein Design zu implementieren, bei dem in der ausgewählten Ausgabe alle Bilder angezeigt werden. Wählen Sie Ihr Bild. Die zweite Option zeigt nichts an. Wenn ja, muss ich das Dropdown-Menü formatieren. Ich werde es nicht zeigen. Ich danke Ihnen für Ihre Hilfe. Danke.

P粉974462439 2023-08-01 18:01:00 0  1  543

Verwenden Sie useState, um den im Formular eingegebenen Wert festzulegen

Ich versuche, useState zu verwenden, um den Wert einer Eingabe festzulegen, aber es funktioniert nicht so, wie ich es möchte. Also habe ich mit Formik einen Wochenplan für ein Terminsystem erstellt. Ich habe einen Radiobutton für freie Termine. Bei Auswahl erhalte ich die Zeitdaten für den Termin. A...

P粉588660399 2023-09-04 23:16:30 0  1  629

Verwenden Sie bslib, um das CSS von DT::datatable in Shiny-Anwendungen anzupassen

Ich versuche, benutzerdefinierte CSS-Stile auf ein DT::datatable in einer glänzenden App anzuwenden. Wenn der Benutzer eine Zeile in der Tabelle auswählt, möchte ich, dass die ausgewählte Zeile gelben, schwarzen Text anstelle des standardmäßigen blauen, weißen Texts enthält. Ich kann dies nicht erfo...

P粉081360775 2024-03-29 21:41:03 0  1  434

Wenn sich das Auswahlereignis ändert, löst die CSS-Animation den entsprechenden Effekt aus.

Ich versuche, eine React-App zu erstellen. Im Moment habe ich ein Auswahleingabefeld mit einigen Pokémon darin. Was ich tun muss, ist, dass das Pokémon-Sprite jedes Mal, wenn sich die Auswahl ändert (d. h. das Pokémon), eine kleine Schüttelanimation ausführt. Derzeit habe ich nur ein Sprite, das sic...

P粉200138510 2024-04-01 09:16:28 0  1  535

Personalisieren Sie das Aussehen von Select2 Dropdown

In meinem Fall verwende ich select2Combobox für mein Dropdown-Menü. Wenn sich hier die Länderauswahl ändert, übergebe ich die ausgewählte ID an das JSON-Ergebnis und erhalte das Ergebnis, das dem Kombinationsfeld „Provinz“ zugewiesen ist. In diesem Fall ändert sich die Dropdown-Ansicht von abgerunde...

P粉256487077 2024-04-03 11:27:22 0  1  481

Wie kann ich zulassen, dass in meiner Klickfunktion nur ein Element ausgewählt wird? (Reines JS)

Ich erstelle eine Quiz-App, die Daten von einer API abruft, eine Reihe von Fragen erstellt und dann jedes Mal eine andere Anzahl von „Antwortelementen“ auf die Quizseite lädt, je nachdem, welche Frage zufällig aus dem Array unten ausgewählt wird ist die Kreation. Bietet eine Reihe anklickbarer „Spie...

P粉345302753 2024-01-29 14:08:19 0  1  471

Verwenden Sie gemeinsame Stile, um aufeinanderfolgende Pseudo-Tags durch HTML-Tags zu ersetzen

Ich habe diese Zeile a[link],a[link]a[link]texttexttexta[link]texta[link]text, also möchte ich den ersten Link vor dem Text finden und eine Operation daran durchführen und ihn mit einem speziellen Stil hervorheben (in diesem Fall wahrscheinlich mehr oder weniger drei) und suchen Sie den anderen Link...

P粉926174288 2023-09-01 18:44:45 0  1  570

Benutzerdefinierte Vue 3-Kontrollkästchenkomponente, die an ein Array ausgewählter Werte gebunden ist

Ich habe versucht, eine einfache Komponente mit einem gestalteten Kontrollkästchen und einer entsprechenden Beschriftung zu erstellen. Die Werte (Strings) aller ausgewählten Kontrollkästchen sollten in einem Array gespeichert werden. Dies funktioniert für einfache HTML-Kontrollkästchen: <template...

P粉561749334 2023-12-21 18:43:52 0  1  686