Die Aktivierung der Taste führt zu einer Fehlfunktion des Hover-Effekts

Ich habe versucht, die Grundlagen der Webentwicklung (HTML, CSS und JS) zu erlernen, also habe ich versucht, einen funktionierenden Apple-Rechner zu erstellen. Alles funktionierte gut, bis mir ein kleiner Fehler auffiel. Anfangs funktionierte der Hover-Effekt auf der Aktionstaste großartig, die Farb...

P粉548512637 2024-04-01 21:51:26 0  1  552

Durch die direkte Verwendung von SVG im HTML-Markup kann ich die Rolle nicht einer Schaltfläche zuweisen oder den gewünschten Hover-Effekt erzielen

Ich habe einen Container mit einem Symbol, das zwei Funktionen erfüllen soll: Wie eine Schaltfläche fungieren (über Tastatur/Screenreader usw. zugänglich) Rot werden bei Hover/Fokus Wenn ich das SVG direkt im Markup verwende, hat der Hover den Stopp-Effekt Funktioniert wie erwartet, aber ich kann di...

P粉940538947 2023-09-06 20:29:59 0  1  577

Erstellen Sie einen Hover-Effekt, der die Menüschaltfläche mit einer schattierten Klonversion in eine X-Form umwandelt

Zunächst möchte ich zugeben, dass mein Titel verwirrend ist, und das tut mir leid. Was ich erreichen möchte, ist der folgende Effekt beim Schweben: Meine Website ist hier https://wordpress-493302-3130963.cloudwaysapps.com/ Ich habe die Hälfte von dem, was ich erreichen möchte, mit CSS-Übergängen erf...

P粉546257913 2024-04-04 11:55:21 0  2  454

Fügen Sie :Hover-Effekte dynamisch zu mehreren Elementen hinzu

Ist es möglich, programmgesteuert einen Hover-Effekt zu mehreren Elementen hinzuzufügen? In unserem System, in dem es mehrere Elemente gibt, die eine einzelne Einheit darstellen (aber aus anderen Gründen in mehrere Elemente aufgeteilt werden müssen), sollten sie in manchen Fällen beim Schweben gemei...

P粉203792468 2023-08-15 23:49:58 0  1  503

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  919

Reagieren Sie auf den benutzerdefinierten Button-Hover-Stil, der nicht funktioniert

Ich habe eine Schaltfläche in meinem React-Projekt und habe sie so eingerichtet. <labelstyle={styles.label}><inputstyle={styles.input}type="file"accept="image/*"onChange={this.onUpload}/></label>Die Stileinstellung sieht wie dieses Label aus: { borderRad

P粉434996845 2023-09-11 22:09:50 0  1  542

javascript – So skalieren Sie die linke Navigation

Klicken Sie auf die Schaltfläche und es wird Folgendes angezeigt: Wird dies mithilfe eines Plugins durchgeführt? Was sollte der Hover-Effekt sein, wenn Native verwendet wird?

三叔 2017-06-30 09:59:54 0  1  820

Zeigt ein Untermenü an, wenn die Maus über die Schaltfläche bewegt wird

Ich suche nach einer Lösung, bei der ein Untermenü angezeigt wird, wenn ich mit der Maus über eine Schaltfläche fahre. Derzeit wird das Menü nur angezeigt, wenn darauf geklickt wird. Weiß jemand, was ich ändern muss, damit das Menü angezeigt wird, wenn ich mit der Maus über eine Schaltfläche fahre, ...

P粉021708275 2023-08-31 11:22:01 0  1  660

Verwenden des CSS-Hover-Effekts des Psuedo-Elements, um das Hauptelement zu überlappen

Wenn ich mit der Maus darüber fahre, möchte ich grundsätzlich, dass der Effekt so aussieht: Mein Website-Code lautet wie folgt: Ignorieren! Wichtig: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;...

P粉838563523 2024-03-20 10:31:28 0  1  330

Hover-Effekte von den Schaltflächen „Senden' und „Zurücksetzen' entfernen: Schritt-für-Schritt-Anleitung

Welchen Befehl muss ich verwenden, damit es nicht skaliert wird, wenn ich auf die Schaltfläche „Senden“ oder „Zurücksetzen“ klicke? Ich möchte, dass sie normal aussehen. Ich soll Hover für dieses Programm verwenden, aber nicht für die letzten beiden Schaltflächen. Siehe unten den Code, den ich bishe...

P粉099000044 2024-04-01 22:32:31 0  1  470

Fügen Sie ein Overlay auf V-IMG und eine mittlere Schaltfläche hinzu, wenn Sie den Mauszeiger darüber bewegen

Ich versuche, eine Vuetify-Komponente zu verwenden, um den Effekt einiger V-IMG-Miniaturansichten zu erzielen, aber ohne Erfolg. Meine Bildeinstellungen lauten wie folgt:<v-rowclass="fill-heightpa-5"align-content="center"justify="center"><v-colclass="text-...

P粉754473468 2023-08-28 17:13:34 0  1  499

Fehler beim Neigungseffekt beim Schweben

Ich habe eine Schaltfläche mit einem Neigungseffekt, in der sich ein Text befindet, und wenn ich mit der Maus über die Schaltfläche fahre, werden neben der Schaltfläche zwei Linien angezeigt. Es gibt Code, der über der Schaltfläche schwebt, bis Sie ihn sehen, was ein sehr zufälliger Nebeneffekt ist....

P粉520545753 2024-03-29 13:34:50 0  1  356

Unerwartetes Verhalten (White-Button-Bug) bei Verwendung von Tailwind und MUI im NextJS-Projekt

Ich erstelle derzeit ein Projekt mit NextJS, TailwindCSS und der MUIReactUI-Bibliothek. Immer wenn ich versuche, meinem Projekt eine MUI-Schaltfläche hinzuzufügen, funktioniert es einwandfrei, aber die Farbe der Schaltfläche bleibt weiß. Die Farbe kehrt beim Schweben zur Normalität zurück und hat we...

P粉996763314 2023-11-04 11:04:23 0  1  764

Warum verliert mein Bootstrap 5-Popup die Fähigkeit, den Fokus zu öffnen, nachdem es das Modal, in dem es sich befand, geschlossen und erneut geöffnet hat?

Ich habe ein Problem mit meinem Bootstrap5-Modal und dem darüber platzierten Popup. In meinem HTML habe ich Folgendes und wenn der Benutzer mit der Maus über die Schaltfläche fährt, wird sie korrekt angezeigt. Das Popup zeigt die Eingabeaufforderung „Sind Sie sicher?“ an und fordert den Benutzer auf...

P粉022501495 2024-03-28 23:27:50 0  1  396

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  487

Wie ändere ich die Textfarbe nach dem Klicken?

Ich möchte die Farbe des Hintergrunds der Schaltfläche und auch die Farbe des Textes innerhalb der Schaltfläche ändern. Die Farbe der Schaltfläche hat sich geändert, die Textfarbe jedoch nicht. Ich habe versucht, den Mauszeiger auf den Text zu bewegen, aber die Farbe ändert sich nur, wenn die Maus d...

P粉064448449 2023-08-30 20:19:37 0  2  547

Platzieren Sie mit React interaktive Markierungen auf Bildern

Bitte helfen Sie. Ich habe ein Bild wie das folgende, das auf der Startseite angezeigt wird (ein größeres Bild). Beachten Sie, dass das „FORGE“-Haus in der Mitte eine weiß-blaue Markierung mit einem schwarzen Pfeil hat. Das Gleiche gilt für „Mietwohnungen“. Jede dieser Markierungen fungiert als inte...

P粉896751037 2023-09-08 21:25:41 0  1  837