Schaltfläche mit zentriertem Text und Symbol

Ich entwickle eine Schaltflächenkomponente mit einem Symbol und Text. Das Symbol wird links neben der Schaltfläche platziert und der Text wird in der Mitte der Schaltfläche ausgerichtet. Wenn der Text nicht in die Schaltfläche passt, sollte er nicht umgebrochen werden, sondern kann abgeschnitten wer...

P粉033429162 2023-08-15 11:01:09 0  1  512

Schaltflächen auf Mobilgeräten bleiben fokussiert oder aktiv, was zu Problemen mit CSS-Animationen führt

Ich versuche, jedes Mal, wenn ich auf eine Schaltfläche klicke, eine Animation zu erzielen. Auf dem Desktop funktioniert das gut, aber auf Mobilgeräten kann ich nicht den gleichen Effekt erzielen. Ich muss zuerst auf die Schaltfläche klicken, dann auf eine andere Stelle klicken, um das CSS zu defoku...

P粉043295337 2023-08-28 15:14:37 0  1  503

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

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

javascript – Das Klicken auf eine Schaltfläche auf einem iPhone erfordert zwei Klicks, bevor es wirksam wird

Ich habe selbst eine Website geschrieben, wenn ich auf einem Android-Telefon einmal auf die Schaltfläche klicke, aber auf einem iPhone sind dafür zwei Klicks erforderlich. Wie man es löst? Danke

淡淡烟草味 2017-05-19 10:11:29 0  2  676

Rufen Sie den entsprechenden Schaltflächenwert in einer Schleife ab

Sobald ich einen dynamischen Satz von Schaltflächen aus dem Array hinzufüge, scheint querySelectorAll die Liste der Schaltflächen nicht abzurufen. Hier ist mein Code: Wo habe ich einen Fehler gemacht? constbtns=document.getElementById("container");consttextBtn=["btn1",btn2",...

P粉056618053 2024-03-30 12:57:23 0  2  465

Knopf fehlt

Deshalb sollte ich heute einen Taschenrechner erstellen, einen Webrechner mit JS darauf, CSS und so weiter. Ich habe kürzlich alle JScries neu geschrieben und einige Dinge noch einmal überprüft. Jetzt ist die Taschenrechnertaste verschwunden. Ich wünschte, die Website hätte einen Taschenrechner auf ...

P粉521013123 2024-01-16 21:32:51 0  1  429

CSS implementiert horizontale Schaltflächen ohne andere Techniken

Ich versuche, zwei horizontale Schaltflächen mit der gleichen Breite zu erstellen – basierend auf der Breite der längsten Schaltfläche. Der Textinhalt jeder Schaltfläche kann vom Benutzer auf einer separaten Seite angepasst werden. Daher habe ich keine Kontrolle über deren Textlänge/die Textlänge de...

P粉893457026 2023-09-04 12:29:02 0  1  575

Schaltfläche dauerhaft deaktivieren

Kann ich eine Schaltfläche in React deaktivieren, wenn der angemeldete Benutzer Mitglied ist? Wenn ich das Attribut „disabled“ verwende, kann es aus den Entwicklungstools entfernt werden und die Schaltfläche wird wieder aktiviert. Bitte helfen Sie mir, ich möchte, dass die Schaltfläche deaktiviert b...

P粉156983446 2023-07-28 21:35:42 0  1  631

Öffnen Sie Links im Iframe nacheinander, wenn Sie auf die Schaltfläche klicken

Ich habe ein Array mit drei Links für eine Schaltfläche, die in der Fußzeile verwendet wird, und wenn ich die Schaltfläche immer wieder drücke, funktioniert das Array nacheinander einwandfrei. . Und jedes Mal, wenn Sie darauf klicken, erscheint eine Link-Schaltfläche. Das ist in Ordnung. Aber ich mö...

P粉949848849 2023-09-03 15:44:43 0  1  663

In React Js kann der Schaltflächenwert nicht abgerufen werden, wenn auf das Symbol in der Schaltfläche geklickt wird

In React Js kann der Schaltflächenwert nicht abgerufen werden, wenn auf das Symbol in der Schaltfläche geklickt wird

P粉364129744 2023-07-22 09:47:02 0  1  457

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

Der Login-Button funktioniert nicht

Es hat keine Auswirkung, wenn Sie auf die Schaltfläche „Anmelden“ klicken

鸢尾花 2017-12-29 15:54:21 0  4  1237

javascript - Wie kann der Inhalt einmal angezeigt werden, nachdem auf mehrere Schaltflächen geklickt wurde, um unterschiedliche Inhalte anzuzeigen, und der Inhalt, auf den auf anderen Schaltflächen geklickt wurde, ausgeblendet werden?

Die Flughafenpartition besteht aus einer Reihe von Schaltflächen. Wenn ich auf Jiangsu klicke, möchte ich nicht, dass der Inhalt anderer Schaltflächen angezeigt wird, z. B. Anhui. Derzeit füge ich jeder Schaltfläche ein Klickereignis hinzu und zeige dann den Ortsnamen an, aber nach dem ersten Klick ...

巴扎黑 2017-07-05 11:08:05 0  4  1177

Wie schützt man den Click-to-Chat-WhatsApp-Button vor Bot-Web-Scraping?

Ich betreibe eine Kleinanzeigen-Website, auf der Leute ihre Artikel veröffentlichen und andere sie über WhatsApp kontaktieren können, um weitere Informationen zu erhalten. Heute wurde meine Website angegriffen und ich sehe eine große Anzahl an Linkklicks auf den Whatsapp-Button in Google Analytics, ...

P粉786800174 2023-09-03 12:52:21 0  1  574

Mittlere Schaltflächenkomponente in der Next.js-App?

Ich verwende auf meiner nextjs-Seite eine Schaltfläche, die sich in einer eigenen Zeile befindet. Ich möchte, dass die Schaltfläche in der Mitte der Seite erscheint, weil ich denke, dass sie sowohl auf dem PC als auch auf Mobilgeräten am besten aussieht, aber egal, was ich versuche, das Schaltfläche...

P粉011360903 2023-09-18 22:05:21 0  1  780

Warum kann die Schaltfläche auf tkinter, der rote Teil im Bild, nicht angeklickt werden, nachdem in Python2.7 auf die Schaltfläche „Start' geklickt wurde?

Warum kann die Schaltfläche auf tkinter, der rote Teil im Bild, nicht angeklickt werden, nachdem in Python2.7 auf die Schaltfläche „Start“ geklickt wurde? Wie kann ich auf die Schaltflächen „Minimieren“, „Maximieren“ und „Schließen“ von tkinter klicken, nachdem ich auf die Schaltfläche „Start“ gekli...

漂亮男人 2017-05-27 17:39:55 0  1  824

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

javascript – Die benutzerdefinierte Schaltfläche der WeChat h5-Seite ermöglicht die öffentliche Freigabe der Seite

1. WeChat h5-Seite; 2. Benutzerdefinierte Schaltflächengruppe auf der Seite; 3. Schaltflächengruppe mit Freigabefunktion: Klicken Sie zum Beispiel, um sie mit Freunden zu teilen, in Moments zu teilen. Hat es jemand so gemacht und einige Ideen und Anweisungen gegeben? Tut mir leid, es ähnelt einem mo...

PHP中文网 2017-07-05 10:49:35 0  2  1168

Versuchen Sie, das Optionsfeld in ein Optionsfeld einzubauen

Im Grunde verfolge ich diesen Beitrag von mir und wenn ich ein Optionsfeld und ein Div darin anzeigen muss, funktioniert die folgende Lösung gut: $(".tier1-options:radio").on("change ",function (e){//entfernt die angezeigte Klasse aus allen Tier-2-Optionen und löscht Werte aus al...

P粉235202573 2023-09-11 23:30:59 0  1  533