So ändern Sie die Hintergrundfarbe einer Schaltfläche per Klick/HTML

Ich habe eine Schaltfläche ähnlich der „Weiterlesen“-Schaltfläche erstellt, und wenn ich darauf drücke, wird ein Text nach unten erweitert. Wenn der Text erweitert wird, ändert sich der Hintergrund der Schaltfläche, und wenn ich die Schaltfläche erneut drücke, um den Text zu schließen (z. B. „Wenige...

P粉502608799 2023-09-08 00:04:48 0  1  541

css - Angular2中怎么不通过路由实现多个button的切换效果？

如何不用路由实现点击按钮时，当前按钮背景颜色变成蓝色，其他按钮背景颜色任然是灰色的效果呢？

漂亮男人 2017-05-15 17:13:11 0  3  802

angular.js - angularjs如何优雅的实现多个按钮之间触发其中一个的激活样式?

如图，有三个按钮，单击其中任意一个，按钮变成蓝色背景，其他两个按钮恢复默认白色 {代码...} 在控制器中： {代码...}

世界只因有你 2017-05-15 17:02:24 0  1  575

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

Implementierung mehrerer Schaltflächen in React: Deaktivierung aller Schaltflächen außer der angeklickten

Ich versuche, drei Schaltflächen zu implementieren. Sobald eine davon angeklickt wird, ändert sich die Hintergrundfarbe. Die Auswahl der anderen beiden Schaltflächen wird aufgehoben und ihre Hintergrundfarbe kehrt zur ursprünglichen Farbe zurück. Wenn ich jedoch versuche, es in React zu implementier...

P粉099985373 2024-02-26 15:26:22 0  1  351

javascript - Bezüglich des Optionsfeldproblems bin ich ein Neuling und hoffe, dass mir jemand helfen kann.

Das Unternehmen möchte eine Veranstaltungsseite mit 4 Schaltflächen erstellen. Wenn auf die Schaltfläche geklickt wird, entspricht diese dem ausgewählten Status und das Hintergrundbild wird geändert. So stellen Sie den vorherigen Zustand wieder her, wenn Sie auf den nächsten klicken.

PHP中文网 2017-05-24 11:36:42 0  4  713

Schaltfläche „Mehr lesen' mit Pfeil

Ich versuche, wie gezeigt eine Schaltfläche „Weiterlesen“ mit einem Rechtspfeil zu erstellen. Die Hintergrundfarbe ist weiß und die gesamte Schaltfläche muss so aussehen. Ich verwende den folgenden Code. Der Pfeil ist hier weiß, sodass ich in meinem Projekt aufgrund der Hintergrundfarbe nur die Scha...

P粉616111038 2023-09-09 12:16:11 0  1  628

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

WordPress – Onclick-Funktion auf der Schaltfläche ausführen, wenn die Seite geladen wird

Hintergrund: Ich erstelle eine Registrierungsseite und möchte eine Funktion ausführen, wenn der Benutzer auf die Schaltfläche „Konto erstellen“ klickt. Ich habe eine Schaltfläche wie diese: <buttontype="submit"name="wp-submit"onclick="register_process();"data-ppt-btn...

P粉575055974 2023-08-30 00:33:02 0  1  656

Schreiben Sie den Titel um: Konzentrieren Sie sich auf die Funktion der Konsolentasten und nicht auf andere Bereiche

Ich habe 4 Schaltflächen und wenn sie angeklickt werden, versuche ich, den Fokus auf sie zu setzen, damit der Benutzer die aktuell aktive Schaltfläche sehen kann. Aus irgendeinem Grund funktioniert es in der Konsole wie erwartet: Wenn auf eine Schaltfläche geklickt wird, wird der Fokus hinzugefügt, ...

P粉315680565 2023-09-02 09:28:50 0  1  503

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

Wie ändere ich die Hintergrundfarbe (grün/rot) in leerem HTML für bestimmte Tasten?

Hat jemand eine Lösung, wie man in HTML die Hintergrundfarbe ändern kann, wenn bestimmte Schaltflächen gedrückt werden, zum Beispiel der Buchstabe A? Immer wenn ich die Taste drücke, wechselt die Farbe zu einer anderen Farbe (Rot zu Grün oder Grün zu Rot) und bleibt so. Aber das Gute daran ist, dass...

P粉211273535 2023-09-07 10:08:19 0  2  651

Tipps zur Verwendung von useEffect zur Beibehaltung des Hintergrundfarbstatus

Ich versuche, die Hintergrundfarbe einer Umschaltschaltfläche für eine Wunschliste zu speichern, sodass die Farbe der Schaltfläche „schwarz“ bleibt, wenn der Benutzer über Seiten wechselt, um dem Benutzer anzuzeigen, dass er den Artikel auf seiner Wunschliste gespeichert hat. constItem=(props)=>{...

P粉131455722 2023-08-18 15:08:53 0  1  536

Problem mit dem unscharfen Übergang des Bodenfilters

Durch Drücken der Taste wird der Hintergrund unscharf, aber beim Übergang werden die Kanten des Div nicht gut überblendet. Dieses Problem besteht in allen Browsern außer Firefox. Wie kann ich es beheben? varbtn=document.querySelector('button');vardiv=document.querySelector('div');btn.addEventListene...

P粉314915922 2024-04-01 23:10:22 0  1  477

javascript - Die untergeordnete Vue2.0-Komponente übergibt Daten nur an die übergeordnete Komponente?

Dies ist die übergeordnete Komponente und dies die Unterkomponente. Lassen Sie mich den Effekt erklären: Klicken Sie auf „Alle“, „Empfehlen“, „Tucao“, um den Wert von „selectType“ zu ändern, um den Hintergrund der ausgewählten Schaltfläche zu ändern, und klicken Sie auf das „Häkchen“. um den Hinterg...

给我你的怀抱 2017-05-19 10:34:07 0  2  797

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

angular.js - angular2 属性组件与控件组件之间如何通信

1、从控件库拖拉已有控件能生成元素，并显示出该元素的一些属性，如下图 现在怎么实现最右边属性组件改变，而中间元素的相应属性同时发生改变，例如：我点击背景，选择某个颜色，按钮的背景色发生改变。生成的元...

世界只因有你 2017-05-15 17:09:54 0  1  649

Die mobile PHP JS-Schaltfläche ändert beim Klicken ihre Farbe und die ausgewählten Zahlen bilden ein Array

PHP JS Die Hintergrundfarbe der Mobilfunknummernschaltfläche ändert sich nach dem Klicken. Die ausgewählten Ziffern bilden ein Array. Wenn die drei Ziffernschaltflächen 1, 3 und 9 ausgewählt werden, wird die Schaltfläche rot =1, 3, 9 wurde von Ihnen selbst geschrieben. Es funktioniert auf iOS, aber ...

HARDWARE 2018-03-06 00:10:45 0  0  1237

Javascript - Google kann IE11 in Hanlan nicht vollständig zurückziehen. Bitte lösen Sie es.

&lt;!DOCTYPE html&gt;&lt;html lang="de"&gt; {code...} &lt;/html&gt; CSS:***{ {code...} }body{ {code...} }/ Hintergrund der Navigationsleiste/.nav{ {code...} }/Navigationsleistenschaltfläche/.box{ {code...} } .box a { {code...} }/Verarbeitung I

为情所困 2017-05-19 10:35:10 0  2  544