Utilisation de Tailwind CSS pour modifier le style d'un div parent en réponse à l'état sélectionné d'un bouton radio

J'ai un tableau avec plusieurs colonnes et un bouton radio par ligne. Je dois changer la couleur d'arrière-plan de toute la ligne lorsque je sélectionne un bouton spécifique. Est-ce réalisable ? {{user.email}}{{user.name}} Dans Tailwind, vous pouvez utiliser la classe "peer" pour styliser ...

P粉718165540 2023-08-15 23:49:52 0  1  608

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

Styliser les champs et les options de sélection

J'ai un champ à sélection multiple avec de nombreuses options et je souhaite les afficher sous forme de petits morceaux au lieu d'afficher une longue liste d'éléments. Je peux le faire en définissant "options" sur "display:inline-block", mais j'ai un problème où les options ne vo...

P粉924915787 2023-09-08 11:28:13 0  2  463

Utilisation de JavaScript pour contrôler la visibilité des div en fonction de la sélection des boutons radio sans utiliser ONCLICK

J'ai du code HTML partiellement valide. J'essaie d'afficher une saisie de texte basée sur la sélection d'un bouton radio. Comment cela fonctionne pour moi, c'est que lorsque vous appuyez sur le bouton radio, les autres options sont masquées, mais lorsque l'écran se charge pour la première fois, les ...

P粉212114661 2024-02-17 21:44:02 0  1  507

Comment utiliser CSS pour changer la couleur de la police en HTML en fonction du contenu du texte des balises

J'ai donc un bouton radio avec le texte "Oui" et "Non" et si l'un d'entre eux est sélectionné, je souhaite que la couleur de la police change. Oui (vert) Non (rouge) Voici le code HTML : <asp:RadioButtonListID="RadioButtonList1" runat="server"RepeatDirectio...

P粉349222772 2023-09-08 20:57:35 0  1  590

javascript - Implémentation de la sélection radio de liste (changement de style) dans Vuejs

Le premier est initialement sélectionné mais maintenant les autres sélectionnés ne sont pas désélectionnés. Le code de style est le suivant. Quel est le problème, d'après ce que je comprends, l'interface est restituée après la modification de l'index de clic, puis de l'index et de l'index de clic. d...

PHPz 2017-06-05 11:13:43 0  2  1175

javascript - Dans IE (9+), le style habituel ne prend effet que lorsque l'élément est sélectionné à l'aide des outils de développement.

Cela fonctionne à la fois dans Chrome et Firefox. Cela ne fonctionne pas uniquement dans IE, pas même dans le navigateur Edge. La page où aucune sélection n'est effectuée. Le style qui doit être appliqué : .interactiveSystem { {. code...} }

世界只因有你 2017-05-31 10:39:30 0  1  767

Lors de l'utilisation du composant <Tab/> créé par vous-même, il y a un problème avec l'état "&.Mui-selected"

J'ai créé un <Tab/> personnalisé et je souhaite contrôler sa couleur sélectionnée à l'aide du code suivant : Code de démonstration Sandbox exportconstTab=styled(MuiTab)({"&.Mui-selected":{color:"red "}} ); Cependant, j'ai trouvé : 1. Appliquer directement le composant d...

P粉775788723 2023-09-20 19:56:31 0  1  569

javascript - Problèmes liés à la désactivation de la sélection et de la copie de texte

Le style est le suivant {code...} La structure html est la suivante {code...} Certains éléments ont été sélectionnés pour désactiver cet article. Lors de la sélection d'un élément individuellement, la sélection peut en effet être désactivée, et le. le contenu ne peut pas être copié, mais si vous uti...

为情所困 2017-06-26 10:58:49 0  2  789

javascript - Implémentation du package front-end

Je voudrais demander si le front-end dispose d'une technologie liée aux exigences de sélection des modules correspondants via l'interface ou d'autres méthodes, d'empaquetage et d'exportation des fichiers front-end correspondants et de suppression des modules non pertinents ? Par exemple : 1 : Module...

三叔 2017-07-07 10:34:32 0  3  995

Comment personnaliser le style d'option sélectionné dans le composant MUI Autocomplete ?

La question est, comme le dit le titre, comment puis-je changer le style de l'option sélectionnée dans MUI lors de l'utilisation de plusieurs options. Je souhaite changer le style de toutes les options en surbrillance. Votre aide est grandement appréciée, merci !

P粉769413355 2023-08-14 10:47:21 0  1  590

javascript - Chrome déclenche un événement Click pour sélectionner le texte à côté

Comme le montre l'image, si vous devez créer un effet de sélection, cliquez simplement sur la case toggleclass pour changer le style. Il s'avère que si vous cliquez fréquemment avec la souris, le texte à côté sera sélectionné. pas clair. Regardons l'image : il suffit de cliquer sur la partie de la c...

怪我咯 2017-05-18 10:50:08 0  2  966

Comment puis-je sélectionner parmi une liste d'options d'image ?

J'essaie d'implémenter une conception dans laquelle la sortie sélectionnée affiche toutes les images. Choisissez votre image. La deuxième option n'affiche rien, si c'est le cas, je dois styliser la liste déroulante. Je ne le montrerai pas. Merci pour votre aide. Merci.

P粉974462439 2023-08-01 18:01:00 0  1  543

Utilisez useState pour définir la valeur saisie dans le formulaire

J'essaie d'utiliser useState pour définir la valeur d'une entrée, mais cela ne fonctionne pas comme je le souhaite. J'ai donc utilisé Formik pour créer un planning hebdomadaire pour un système de rendez-vous. J'ai un bouton radio pour les rendez-vous gratuits. Une fois sélectionné, j'obtiens les don...

P粉588660399 2023-09-04 23:16:30 0  1  629

Utilisez bslib pour personnaliser le CSS de DT::datatable dans les applications Shiny

J'essaie d'appliquer des styles CSS personnalisés à un DT :: datatable dans une application brillante. Lorsque l'utilisateur sélectionne une ligne dans le tableau, je souhaite que la ligne sélectionnée ait un texte jaune et noir au lieu du texte bleu et blanc par défaut. Je ne peux pas le faire avec...

P粉081360775 2024-03-29 21:41:03 0  1  434

Lorsque l'événement de sélection change, l'animation CSS déclenche l'effet correspondant.

J'essaie de créer une application React, en ce moment j'ai une zone de saisie de sélection avec des Pokémon dedans, ce que je dois faire, c'est chaque fois que la sélection change (c'est-à-dire que le Pokémon change), le sprite Pokémon fait une petite animation tremblante. Actuellement, j'ai juste u...

P粉200138510 2024-04-01 09:16:28 0  1  535

Personnalisez l'apparence de Select2 Dropdown

Dans mon cas, j'utilise select2Combobox pour mon menu déroulant. Ici, lorsque la sélection du pays change, je transmets cet identifiant sélectionné au résultat JSON et j'obtiens le résultat, attribué à la liste déroulante Province. Lorsque cela se produit, la vue déroulante passe des bords arrondis ...

P粉256487077 2024-04-03 11:27:22 0  1  481

Comment puis-je autoriser la sélection d'un seul élément dans ma fonction de clic ? (JS pur)

Je crée une application de quiz qui extrait les données d'une API, crée une série de questions, puis charge à chaque fois un nombre différent d'"éléments de réponse" sur la page du quiz, en fonction de la question sélectionnée au hasard dans le tableau ci-dessous. est la création Comprend ...

P粉345302753 2024-01-29 14:08:19 0  1  471

Utilisez des styles partagés pour remplacer les pseudo-balises consécutives par des balises HTML

J'ai cette ligne a[link],a[link]a[link]texttexttexta[link]texta[link]text donc je veux trouver le premier lien avant le texte et faire une opération sur eux et le mettre en surbrillance avec un style spécial (dans ce cas, probablement plus ou moins trois) et recherchez l'autre texte de lien qui suit...

P粉926174288 2023-09-01 18:44:45 0  1  570

Composant de case à cocher personnalisé Vue 3 lié à un tableau de valeurs sélectionnées

J'ai essayé de créer un composant simple avec une case à cocher stylée et une étiquette correspondante. Les valeurs (chaînes) de toutes les cases sélectionnées doivent être stockées dans un tableau. Cela fonctionne pour les cases à cocher HTML : <template><div><divclass="mt-6&quo...

P粉561749334 2023-12-21 18:43:52 0  1  686