Tailwind CSS : Créer un bouton en forme de pilule

J'ai ce bouton : <buttononClick={()=>removeTask(task)}class="text-xstext-redrounded-full">Supprimer</button> J'aimerais voir quelque chose de similaire : https://tailwindcss.com /docs/border-radius#pill-buttons Cependant, je n'arrive pas à appuyer sur la forme de la pilule.

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

Comment obtenir un contour circulaire sur un <bouton> circulaire en utilisant CSS dans Safari

J'essaie d'obtenir un bouton rond avec le même contour de couleur, mais cela ne semble pas possible. Le contour finit toujours par être carré. Existe-t-il un moyen d'y parvenir avec un, ou peut-être que cela ne peut être réalisé qu'avec un ? bouton {largeur : 40 px ; hauteur : 40px ; bordure : aucun...

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

Un groupe de boutons radio Vaadin peut-il être conçu comme un groupe de boutons ?

Est-il possible de styliser les boutons radio dans vaadin comme un ensemble de boutons et de colorer un bouton sélectionné ? Je souhaite utiliser un groupe de boutons comme des boutons radio. Un élément peut être vérifié et les autres ne peuvent pas être vérifiés.

P粉529245050 2024-02-03 19:49:05 0  1  389

Implémentation de plusieurs boutons dans React : désélectionner tous les boutons sauf celui sur lequel vous avez cliqué

J'essaie d'implémenter 3 boutons et une fois que l'on clique sur l'un d'eux, la couleur d'arrière-plan change et les 2 autres boutons seront désélectionnés et leur couleur d'arrière-plan reviendra à la couleur d'origine. Cependant, lorsque j'essaie de l'implémenter dans React, il y a toujours 1 bout...

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

bouton manquant

Donc aujourd'hui, je devrais créer une calculatrice, une calculatrice Web avec JS dessus, CSS, etc. J'ai récemment réécrit tous les JScries et revérifié certaines choses. Maintenant, le bouton de la calculatrice a disparu. J'aurais aimé que le site Web ait une calculatrice sur la page pour laquelle ...

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

Créer un curseur de température SVG circulaire dans Angular ?

Voici une démonstration statique d'un curseur de pouce circulaire que j'essaie de créer dans Angular. Il utilise le paramètre rinkle-dashoffset="-260" pour positionner le pouce/le curseur près de la fin du chemin circulaire derrière le pouce, et vous pouvez voir que le décalage négatif de ...

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

Dans React js, impossible d'obtenir la valeur du bouton en cliquant sur l'icône à l'intérieur du bouton

Dans React js, impossible d'obtenir la valeur du bouton en cliquant sur l'icône à l'intérieur du bouton

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

Bouton désactiver définitivement

Puis-je désactiver un bouton dans React lorsque l'utilisateur connecté est membre ? Lorsque j'utilise l'attribut désactivé, il peut être supprimé des outils de développement et le bouton se réactive. S'il vous plaît, aidez-moi, je souhaite que le bouton reste désactivé lorsque l'utilisateur connecté...

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

javascript - Il y a plusieurs boutons sur l'interface. En cliquant sur n'importe quel bouton, une boîte d'invite apparaîtra. Comment distinguer quel bouton est cliqué et quelle boîte d'invite vous appartient ?

Il y a de nombreux boutons sur l'interface. Désormais, la boîte de dialogue s'affiche lorsque la souris est déplacée vers l'intérieur et disparaît lorsque la souris est déplacée vers l'extérieur. Comment déterminer quel événement d'entrée et de suppression de bouton est provoqué. Puis-je écrire dire...

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

Ouvrir les liens dans l'iframe un par un lorsque le bouton est enfoncé

J'ai un tableau avec trois liens pour un bouton utilisé dans le pied de page et lorsque j'appuie encore et encore sur le bouton, le tableau fonctionne correctement un par un. . Et un bouton de lien apparaîtra à chaque fois que vous appuierez sur celui-ci. C'est très bien. Mais je veux que lorsque je...

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

Bouton avec texte et icône centrés

Je développe un composant bouton avec une icône et du texte. L'icône est placée à gauche du bouton et le texte est aligné au milieu du bouton. Si le texte ne peut pas tenir dans le bouton, il ne doit pas être renvoyé à la ligne mais peut être tronqué. La condition clé pour tronquer du texte est que ...

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

Le bouton de connexion ne fonctionne pas

Cela n'a aucun effet lorsque vous cliquez sur le bouton de connexion

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

jquery - Un bug se produit lors de la définition d'un bouton radio prop('checked','true') dans Angulajs, puis de la sélection d'un autre bouton

Pourquoi est-ce que lorsque je définis prop('checked','true') d'un bouton radio dans Angulajs, puis que je sélectionne un autre bouton, le modèle ng du bouton n'a pas changé, je ne peux donc pas le surveiller ? ? ?

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

angulaire.js - angulairejs Comment compléter une sélection radio avec un ensemble de boutons

Merci pour votre travail acharné. Veuillez me dire comment utiliser un ensemble de boutons pour poser une question à sélection unique. Merci beaucoup ! Comme le montre la figure, deux choses doivent être faites : 1. Une fois la page chargée, définissez le bouton coché par défaut et la classe d'icône...

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

Pourquoi ne peut-on pas cliquer sur le bouton de tkinter, la partie rouge de l'image, après avoir cliqué sur le bouton "Démarrer" dans python2.7 ?

Pourquoi ne peut-on pas cliquer sur le bouton de tkinter, la partie rouge de l'image, après avoir cliqué sur le bouton "Démarrer" dans python2.7 ? Comment puis-je cliquer sur les boutons réduire, agrandir et fermer de tkinter après avoir cliqué sur le bouton « Démarrer » ? Le code est : {c...

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

CSS implémente des boutons horizontaux sans autres techniques

J'essaie de créer deux boutons horizontaux de même largeur, en fonction de la largeur du bouton le plus long. Le contenu du texte de chaque bouton peut être ajusté par l'utilisateur sur une page séparée... je n'ai donc aucun contrôle sur la longueur du texte/la longueur du texte du premier bouton et...

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

L'activation du bouton provoque un dysfonctionnement de l'effet de survol

J'ai essayé d'apprendre les bases du développement Web (HTML, CSS et JS), j'ai donc essayé de créer une calculatrice Apple fonctionnelle. Tout fonctionnait bien jusqu'à ce que je remarque un petit bug. Au début, l'effet de survol sur le bouton d'action fonctionnait très bien, la couleur devenait plu...

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

Façons de protéger le formulaire contre la soumission du bouton

Sur la page suivante, à l'aide de Firefox, la suppression du bouton soumet le formulaire, mais pas l'ajout du bouton. Comment empêcher le bouton Supprimer de soumettre le formulaire ? functionaddItem(){varv=$('form:hidden:last').attr('name');varn=/(.*)input/.exec(v);varnewPrefix;if(n[1].length= =0){...

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

Le titre réécrit est : CSS 3 formes : "Reverse Circle" ou "Cut Circle"

Je souhaite créer une forme que je décrirais comme un "cercle inverse" : l'image est quelque peu inexacte car la ligne noire doit continuer le long de la bordure extérieure de l'élément div. Voici la démo que j'ai actuellement : http://jsfiddle.net/n9fTF/ Est-il possible d'utiliser CSS san...

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

Essayez de mettre le bouton radio à l'intérieur d'un bouton radio

En gros, je suis mon article et si je dois afficher un bouton radio et un div à l'intérieur, la solution suivante fonctionne bien : $(".tier1-options:radio").on("change",function (e){//supprimer la classe affichée de toutes les options de niveau 2 et effacer les valeurs de tous l...

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