Tailwind CSS: Erstellen Sie einen pillenförmigen Button

Ich habe diese Schaltfläche: <buttononClick={()=>removeTask(task)}class="text-xstext-redrounded-full">Delete</button> Ich würde gerne etwas Ähnliches sehen: https://tailwindcss.com /docs/border-radius#pill-buttons Allerdings bekomme ich die Pillenform nicht zum Drücken

P粉189606269 2024-03-26 20:59:03 0  1  432

So erhalten Sie mit CSS in Safari einen kreisförmigen Umriss auf einer kreisförmigen <Schaltfläche>

Ich versuche, einen runden Knopf mit der gleichen Umrissfarbe zu bekommen, aber das scheint nicht möglich zu sein. Der Umriss ist am Ende immer quadratisch. Gibt es eine Möglichkeit, dies mit a zu erreichen, oder kann es vielleicht nur mit a erreicht werden? button{width:40px;height:40px;border:none...

P粉066725148 2023-10-26 09:54:54 0  2  1049

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

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

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

Einen kreisförmigen SVG-Temperaturregler in Angular erstellen?

Hier ist eine statische Demonstration eines kreisförmigen Daumenziehers, den ich in Angular erstellen möchte. Es verwendet die Einstellung „rinkle-dashoffset="-260", um den Daumen/Zieher nahe dem Ende des kreisförmigen Pfads hinter dem Daumen zu positionieren, und Sie können sehen, dass de...

P粉135799949 2024-04-03 09:33:29 0  1  643

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

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

javascript - Wenn Sie auf eine beliebige Schaltfläche klicken, wird ein Eingabeaufforderungsfeld angezeigt. Wie kann man unterscheiden, welche Schaltfläche angeklickt wird und welches Eingabeaufforderungsfeld zu Ihnen gehört?

Es gibt viele Schaltflächen auf der Benutzeroberfläche. Das Eingabeaufforderungsfeld wird jetzt angezeigt, wenn die Maus hineinbewegt wird, und verschwindet, wenn die Maus herausbewegt wird. So ermitteln Sie, welche Schaltfläche das Einzugs- und Entfernungsereignis verursacht. Kann ich direkt basier...

巴扎黑 2017-06-12 09:30:51 0  5  1128

Ö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  688

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

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

jquery - 在angulajs中设置radio的一个按钮prop('checked','true')后再选择另一个按钮时出现的bug

为什么angulajs中设置radio的一个按钮prop('checked','true')后再选择另一个按钮时，按钮的ng-model没有改变，也就不能监听到？？？

天蓬老师 2017-05-15 16:50:24 0  1  708

angular.js - angularjs 如何用一组按钮完成单选

辛苦各位了，请问如何用一组按钮来做单选的问题，万分感谢！ 如图，需要做到2点： 1、页面加载后，根据传回的值 domain:"8" ，设置默认勾选的按钮和按钮里的图标class；2、点击一个按钮，清除其他按钮样式，并给...

PHPz 2017-05-15 17:09:33 0  2  964

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

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

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

Möglichkeiten, das Formular vor der Übermittlung per Schaltfläche zu schützen

Auf der nächsten Seite wird bei Verwendung von Firefox durch Entfernen der Schaltfläche das Formular gesendet, durch Hinzufügen der Schaltfläche jedoch nicht. Wie kann verhindert werden, dass die Schaltfläche „Entfernen“ das Formular absendet? functionaddItem(){varv=$('form:hidden:last').attr('name'...

P粉245276769 2023-10-10 10:47:12 0  1  679

Der umgeschriebene Titel lautet: CSS 3 Formen: „Reverse Circle' oder „Cut Circle'

Ich möchte eine Form erstellen, die ich als „umgekehrten Kreis“ bezeichnen würde: Das Bild ist etwas ungenau, da die schwarze Linie entlang des äußeren Randes des div-Elements fortgesetzt werden sollte. Hier ist die Demo, die ich derzeit habe: http://jsfiddle.net/n9fTF/ Ist es möglich, CSS ohne Bild...

P粉979586159 2023-08-24 18:26:55 0  2  448

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