javascript - js So fügen Sie dynamisch die Hintergrundfarbe von li hinzu und löschen die gleiche Klasse anderer Geschwister-li

{Code...} Ich möchte die Farbe ändern, wenn ich darauf klicke, aber andere Geschwister löschen die vorhandene Hintergrundfarbe. Und wenn auf andere Geschwisterelemente geklickt wird, erhalten die Geschwisterelemente die Hintergrundfarbe und die Hintergrundfarbe wird gelöscht.

天蓬老师 2017-05-19 10:38:06 0  2  643

Warum haben „vertikalalign:textbottom' und „vertikalalign:bottom' den gleichen Effekt?

Die Position der Grundlinie des Linienkastens wird von allen Elementen in der Linie beeinflusst. .short-box{width:30px;height:30px;background-color:pink;display:inline-block;}.box{background-color:bisque;margin-bottom:10px;}.tall-box{width:30px ;height:100px;background-color:pin

P粉633309801 2024-04-02 09:45:45 0  1  452

Hintergrundhintergrund

Hintergrundfarbe:#CCC；Hintergrundfarbe Hintergrund-img:url(/img/1.jpg);Hintergrundbild Hintergrundwiederholung:keine Wiederholung；Keine Kachelwiederholung-x Horizontale Kachelwiederholung-y Vertikale Kachel Hintergrundposition: 30 Pixel 40px; oder 30% 40%; Hintergrundbildpositionierung Hintergrund: ...

Geek 2018-11-07 20:45:51 0  0  1233

Wie aktiviere ich Link- und Div-Element gleichzeitig?

Wenn ich mit der Maus über das div-Element fahre, leuchtet nur es auf, der Link jedoch nicht. Gibt es eine Möglichkeit, die Schaltfläche insgesamt heller zu machen, anstatt zuerst den Hintergrund der Schaltfläche und dann den Link aufzuhellen? Kaufen Kaufen Kaufen Sie a: besuchte {weiße Farbe} a: ho...

P粉547170972 2023-09-16 16:59:06 0  1  908

Wie implementiert man eine zufällige Zuordnung des Elementhintergrunds?

Ich möchte die Hintergrundfarbe jedes Elements zufällig festlegen, aber wenn ich sie in den folgenden Code einfüge, wird die Hintergrundfarbe transparent: {modules.map((module,index)=>(<divclassName='carousel-moduleshadow' style= {{background:"#"+Math.floor(Math.random()*16777215).to...

P粉286046715 2023-09-11 22:32:31 0  1  509

Überfüllter Behälter mit gleich großen Kindern

Ich habe die verfügbaren Fragen durchsucht, aber keine Lösung gefunden. Ich versuche, die Höhe aller Elemente eines horizontalen Überlaufbehälters so einzustellen, dass sie der Höhe des längsten Elements entspricht. body{}section{width:300px;background:lightblue;overflow:auto;white-space:nowrap;}div...

P粉207969787 2024-03-22 13:42:51 0  2  692

Benutzerdefinierter Dropdown-Pfeil

Ist es möglich, den Dropdown-Pfeil des Auswahl-Tags in einen benutzerdefinierten Pfeil zu ändern, der aus 4 Elementen besteht? Ich möchte, dass es so aussieht: 3 horizontale Linien links und ein Abwärtspfeil rechts. Diesen Effekt habe ich erfolgreich mit einem Element (einer horizontalen Linie) erre...

P粉986937457 2023-08-17 17:52:04 0  1  507

So ändern Sie den Div-Hintergrund basierend auf dem Komponentenfeld beim Mouseover

Ich habe ein Div, bei dem sich die Hintergrundfarbe ändert, wenn man darüber fährt. Außerdem muss ich die Farbe basierend auf einem Element in der Komponente auswählen. <div*ngFor="letuofusers;"[style:hover.background-color]="u.selected?'red':'blue'"></div>

P粉968008175 2023-09-12 09:24:31 0  1  565

Wie kann man feststellen, ob die Maus nicht mehr über einem Element schwebt?

Ich möchte wissen, wie ich verhindern kann, dass die Maus über ein Element in Javascript fährt oder CSS verwendet. Ich erstelle eine Animation, bei der der Hintergrund seine Farbe ändert, wenn die Maus darüber schwebt, und ich möchte auch eine Animation hinzufügen, wenn die Maus aufhört, über dem El...

P粉547420474 2024-03-31 13:28:28 0  1  363

Wie entferne ich Leerräume um Symbole in CSS FLEXBOX?

Ich bin ein Anfänger. Kann mir jemand erklären, wie ich die blaue Hintergrundfarbe um meine Symbole entfernen kann, wenn ich Flexbox verwende? Ich kann die Eigenschaften untergeordneter Elemente nicht auf ihre übergeordneten Elemente verallgemeinern. Meinen Code und meine Ergebnisse möchte ich nicht...

P粉765570115 2023-08-10 14:11:39 0  1  465

Pseudoelemente im QT-Designer

Ich möchte Pseudoelemente verwenden, um eine vertikale Linie für die Schaltfläche auf der linken Seite zu erstellen und sie beim Schweben abzublenden, aber qt-designerstyleSheet versteht mich nicht und wird nicht richtig angezeigt. Hier ist mein Code: QPushButton{position:relative ;padding :10px20px...

P粉600402085 2024-01-10 17:44:05 0  1  469

So erreichen Sie mit Padding eine Überlappung und gleiche Größe von Geschwisterbildern/-divs im übergeordneten Element

Ich möchte ein Div, das das Bild abdeckt. Ich kann das Div dazu bringen, das Bild abzudecken, indem ich position:relative im übergeordneten Element und position:absolute im div verwende, aber die Hintergrundfarbe füllt die Polsterung des übergeordneten Elements aus, was dazu führt, dass sie nicht ri...

P粉554842091 2023-09-12 10:49:55 0  2  558

Der umgeschriebene Titel lautet: Ändern Sie den Listentitel als Reaktion darauf, dass sich der Cursor zum Listenelement bewegt

Ich erstelle eine verknüpfte Tabelle und möchte die Tabelle schöner gestalten, indem ich die Hintergrundfarbe der Tabellenüberschrift ändere, wenn ich mit der Maus über einen der Listenlinks fahre. Ich weiß jedoch nicht, wie ich die Eigenschaften eines Containerelements ändern kann, indem ich seine ...

P粉131455722 2023-09-04 23:54:54 0  1  506

Gibt es eine Möglichkeit, den CSS-Transparenzstil nur auf den innerText des Etiketts und nicht auf untergeordnete Elemente anzuwenden?

Im folgenden Beispiel habe ich viele Tags, bei denen die Tags Eingaben enthalten. Gibt es eine Möglichkeit, den Deckkraftstil von CSS auf den innerText des Etiketts und nicht auf untergeordnete Elemente anzuwenden, ohne die Farbe explizit anzugeben? Im folgenden Beispiel wurde die Deckkraft auf das ...

P粉794851975 2023-08-17 20:51:57 0  1  520

Wie kann ich Standardfarben in Vuetify anpassen?

Vielleicht ist mein Problem einfach, aber ich konnte bisher keine Lösung finden. Ich verwende Vuetify in meiner Nuxt-Anwendung. Ich habe das dunkle Thema verwendet. Je nach Themenkonfiguration der offiziellen Website können wir die Primär-, Sekundär- oder andere Farben des Themas in die gewünschte F...

P粉615829742 2023-08-25 00:02:37 0  1  614

Wie entferne ich mysteriöse weiße Bereiche bei der Vue-Anwendung?

Ich versuche, mit vue3 eine Website zu erstellen und ein Hintergrundbild dafür festzulegen. Aber es gibt einen mysteriösen weißen Bereich, der nicht entfernt werden kann. Ich bin mir sicher, dass es nicht an den Rändern oder der Auffüllung liegt, da ich alle Ränder und Auffüllungen auf 0 gesetzt und...

P粉738821035 2023-09-11 21:04:01 0  1  585

javascript – White-Screen-Phänomen bei Verwendung von vue2.x

Ich weiß nicht, ob Sie jemals darauf gestoßen sind, aber Sie verwenden das Vue-Framework, um eine Listenseite und eine Detailseite zu erstellen. 1. Scrollen Sie auf der Listenseite nach oben. 2. Klicken Sie, um die Details einzugeben. 3. Kehren Sie dann direkt zurück, ohne etwas zu tun. Auf der List...

typecho 2017-06-26 10:55:08 0  1  807

Wie erstelle ich in HTML eine Schaltfläche mit denselben Eigenschaften wie die letzte Zeile der Tabelle?

Stellen Sie sich vor, ich habe eine Tabelle in HTML: Home Service Contacts Jetzt möchte ich nur noch eine Schaltfläche am Ende dieser Tabelle hinzufügen. Die Breite dieser Schaltfläche muss mit der Breite der letzten Zeile der Tabelle übereinstimmen (d. h. „Kontakte“). ) (bestimmt durch die Hintergr...

P粉394812277 2023-09-16 22:19:11 0  1  672

So überlagern Sie ein Bild mit Text mit abgerundetem Hintergrund

Ich muss in HTML reproduzieren, was Sie in diesem Bild sehen: Das Problem ist, dass der Text das Div und das Hintergrundbild verdeckt. Wenn es im äußeren Div kein Bild und keine Volltonfarbe gäbe, kann ich mir vorstellen, dass ich dies ziemlich einfach mit einigen kleinen HTML-Elementen mit abgerund...

P粉328911308 2023-08-30 15:20:14 0  1  482

Wie erstelle ich eine hybride gerade/gekrümmte Abschnittsgrenze mit SVG oder CSS?

Für meine Bewerbung erstelle ich eine Registrierungsseite mit nicht standardmäßigen Abschnittsgrenzen. Sie können hier sehen, was ich erreichen möchte: Es ist kein einfacher Bogen – es besteht aus zwei geraden Linien und einem Bogen dazwischen. Soweit ich weiß, ist die Verwendung von SVG der beste W...

P粉920835423 2023-09-02 11:35:13 0  1  603