Préserver l'effet de bordure du bouton radio lorsqu'il est sélectionné

J'ai deux options de type radio. Lorsque je sélectionne une option, une bordure bleue est marquée. Le problème est que si je clique ailleurs, l'effet de bordure disparaît. Je souhaite que l'effet de bordure bleue reste partout où je clique, sauf si je passe à une autre option. Aussi, comment puis-je...

P粉769045426 2023-09-03 21:25:38 0  1  562

Comment faire des bordures pour les colonnes d'un tableau ?

Je dois créer un tableau comme indiqué dans la capture d'écran : Quels résultats j'obtiens : Problème : Je n'arrive pas à créer une bordure verte comme dans la capture d'écran de la colonne "Enregistré". Question : S'il s'agit d'un tableau, comment faire cette bordure ? J'ai essayé de le r...

P粉176151589 2024-01-16 19:25:40 0  2  462

Comment ajouter ce genre de bordure en html – css ?

Comme le montre l’image, comment pouvons-nous obtenir cet effet en ajoutant des bordures aux quatre coins de l’image ?

伊谢尔伦 2017-05-16 13:34:16 0  6  962

Comment créer la bordure d'un bouton pour qu'il flotte de quelques pixels en dehors de son contenu ?

Je souhaite créer une bordure comme celle ci-dessous, mais je ne sais pas comment y parvenir en utilisant CSS, quelqu'un peut-il m'aider ? Le code actuel contient le bouton Je veux ce style. <liclass="nav-itembutton"><aclass="nav-link"href="#"><svgxmlns=&...

P粉633075725 2023-09-08 17:01:07 0  1  531

Comment créer une limite de section hybride droite/incurvée en utilisant SVG ou CSS ?

Pour ma candidature, je crée une page d'inscription avec des limites de section non standard. Vous pouvez voir ce que j'essaie de réaliser ici : ce n'est pas un simple arc - il comporte deux lignes droites et un arc entre les deux. Autant que je sache, la meilleure façon d’y parvenir est d’utiliser ...

P粉920835423 2023-09-02 11:35:13 0  1  644

Les dégradés de bordure sont-ils compatibles avec le rayon de bordure ?

Je stylise une zone de saisie avec une bordure arrondie (border-radius) et j'essaie d'ajouter un effet de dégradé à la bordure. Je peux réussir à créer des bordures dégradées et arrondies, mais pas les deux en même temps. Soit il y a des coins arrondis mais pas de dégradé, soit il y a un dégradé mai...

P粉824889650 2023-08-21 20:39:38 0  2  516

javascript - Problème de bouillonnement d'événements JS

Affaire close : utilisez CSS pour obtenir cet effet. Merci pour votre aide, je suis passé à l'utilisation de CSS pour réaliser cet effet. 1. Dans le code suivant, j'ai écouté les événements mouseover et mouseout de la balise a pour déclencher l'animation du canevas et j'ai empêché l'événement de bou...

学习ing 2017-06-12 09:32:56 0  3  839

Effet de survol de la souris sur les composants vue et vuetify

J'ai donc essayé de recréer l'effet de survol comme le montre l'exemple de l'article suivant : https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 Mais dans mon cas, je veux utiliser Vue .js pour appliquer un effet de survol à la v-card de la bibliothèque vuetify. Voici ...

P粉032649413 2024-03-27 16:31:16 0  1  458

Puis-je utiliser le rayon de bordure avec des images de bordure avec des dégradés ?

Je conçois un champ de saisie avec une bordure circulaire (rayon de bordure) et j'essaie d'ajouter un dégradé à ladite bordure. Je peux réussir à créer des dégradés et des bordures circulaires, mais aucun des deux ne fonctionne ensemble. Il s'agit soit de coins arrondis sans dégradé, soit d'une bord...

P粉633733146 2023-08-29 12:52:01 0  2  577

css3 - style de police CSS plus couleur de remplissage au lieu de la couleur d'arrière-plan

Il existe un style de police comme suit : Si vous souhaitez ajouter de la couleur au cœur au lieu que l'étendue entière enveloppe le cœur, l'erreur de couleur sera la suivante : La définition de l'étendue est la suivante : {code...} Si vous ajoutez une couleur d'arrière-plan, l'image ci-dessus appar...

天蓬老师 2017-06-08 11:02:27 0  2  1289

javascript - Comment mettre du texte au milieu d'une bordure supérieure

Comme le montre l'image, la mise en œuvre ou l'idée de comment placer le texte au milieu de la bordure supérieure.

某草草 2017-05-19 10:44:10 0  3  585

Comment désactiver le pliage des marges

Existe-t-il un moyen de désactiver complètement le pliage des marges ? La seule solution que j'ai trouvée (nommée "décollage") consiste à utiliser une bordure de 1 pixel ou un remplissage de 1 pixel. Je trouve cela inacceptable : des pixels supplémentaires compliquent inutilement les calcu...

P粉530519234 2023-08-21 23:21:12 0  2  495

javascript - tabs-Comment supprimer la bordure inférieure de l'onglet actuel ?

Comme le montre l'image, comment supprimer la bordure inférieure de la section2 ? Voici un exemple : http://jsfiddle.net/996Bw/. Résoudre. Merci.

迷茫 2017-06-21 10:12:39 0  1  903

flex css - élément de clip après une certaine hauteur au lieu de l'envelopper

Les bordures représentent la hauteur et la largeur statiques. Je souhaite que les éléments 5 et 6 restent sur la deuxième rangée et coupent les éléments 3 et 6 au lieu de les emballer une troisième fois comme indiqué. Comment puis-je y parvenir avec Flex ? Pour compléter ce problème, la largeur du c...

P粉785957729 2024-04-01 14:02:02 0  1  541

CSS pour ajouter une ombre/une bordure à chaque bouton lorsque les boutons d'amorçage sont actifs

J'utilise le framework React pour créer le frontend et Bootstrap5.3 pour la conception. D'après ce que j'ai compris, Bootstrap a désormais supprimé l'effet d'ombre en standard. Ainsi, si le bouton est actif, il n'affichera pas d'ombre/bordure, comme dans la documentation Bootstrap v5.0. https://getb...

P粉256487077 2023-08-17 23:54:27 0  1  527

TailwindCSS - Comment faire en sorte que le menu déroulant d'un élément ne pousse pas les autres éléments hors des limites de la barre latérale ?

J'ai essentiellement une barre latérale qui peut contenir plusieurs sections (bleues), chacune pouvant être activée/désactivée et pouvant contenir plusieurs éléments (rouges). Une fois ouvert, je souhaite que l'élément développé ne pousse pas les autres parties bleues hors de la bordure, mais les po...

P粉505450505 2023-09-03 19:21:03 0  1  638

Les styles SASS ont priorité sur les requêtes multimédias

J'essaie d'utiliser des requêtes multimédias pour remplacer les styles des appareils de bureau, mais cela ne semble pas fonctionner. J'ai défini la couleur de la bordure sur l'élément h2 et fait un test pour mieux visualiser le problème. Comme vous pouvez le voir, la couleur de la bordure de h2 est ...

P粉953231781 2024-04-05 15:03:00 0  1  3587

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

Dans tailwind.css, .rounded-lg n'a aucun effet sur les tables.

Actuellement, j'utilise la version 3.3.3 de Tailwind. Je n'arrive pas à obtenir l'effet des coins arrondis pour la table. J'ai essayé d'ajouter un conteneur wrapper avec le nom de classe "overflow-hidden round-lg". Cela résout le problème des coins arrondis, mais les bordures de chaque côt...

P粉447495069 2023-07-24 20:47:03 0  1  593

CSS : Supprimez l'ombre portée de div dans la boîte de dialogue Vuetify avec l'ombre portée

J'ai une boîte de dialogue avec un triangle ajouté en utilisant CSS sur un div. Mais l’astuce CSS est qu’une partie de la bordure est transparente. Le problème que j'essaie de résoudre est de supprimer l'ombre de la bordure transparente sans supprimer l'ombre de la boîte de dialogue elle-même. L'ajo...

P粉826429907 2023-09-13 19:57:28 0  1  631