Utiliser SVG directement dans le balisage HTML ne me permet pas d'attribuer le rôle à un bouton ni d'avoir l'effet de survol souhaité

J'ai un conteneur avec une icône qui est censé remplir deux fonctions : Agir comme un bouton (accessible via clavier/lecteur d'écran etc.) Devenir rouge au survol/focus Lorsque j'utilise le SVG directement dans le balisage, le survol L'effet stop fonctionne comme prévu, mais je ne peux pas attribuer...

P粉940538947 2023-09-06 20:29:59 0  1  591

Ajouter dynamiquement des effets de survol à plusieurs éléments

Est-il possible d'ajouter un effet de survol à plusieurs éléments par programmation ? Dans notre système, où plusieurs éléments représentent une seule unité (mais doivent être séparés en plusieurs éléments pour d'autres raisons), dans certains cas, ils doivent être recolorés ensemble lors du survol....

P粉203792468 2023-08-15 23:49:58 0  1  513

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

Rails Javascript - La conversion de jQuery en Javascript ne fonctionne pas avec Rails 7

Rails7 avec Turbo/Hotwire. Je réutilise le code copié d'un ancien projet de 2018. Ce code/jQuery est destiné à la fenêtre contextuelle d'information : $(document).ready(function(){$('#info').hover(function(){$('#popup').show();},function (){$('#popup').hide();});});Après avoir réécrit javascript (co...

P粉436688931 2024-01-16 22:01:23 0  1  530

javascript - Comment mettre à l'échelle la navigation de gauche

Cliquez sur le bouton et cela devient : Est-ce fait à l'aide d'un plugin ? Quel devrait être l'effet de survol si vous utilisez le mode natif ?

三叔 2017-06-30 09:59:54 0  1  826

javascript - La barre de défilement recouvre-t-elle le calque contextuel de survol ?

Après avoir ajouté la barre de défilement, la barre de défilement recouvre le calque contextuel sur le côté droit et n'est pas visible. Après avoir supprimé la barre de défilement, le contenu peut être vu. Comment ce problème devrait-il être résolu ? (Impossible d'afficher) (Vous pouvez voir le calq...

曾经蜡笔没有小新 2017-05-19 10:47:52 0  4  833

Comment implémenter l'effet de survol de la barre de navigation

Je travaille sur ma barre de navigation verticale. Le nom de cette icône doit être visible à droite. Le nom est également censé passer du blanc au noir lorsque la souris passe sur l'icône, mais cela ne fonctionne pas. J'ai essayé de changer les balises pour voir si cela aide. J'ai également modifié ...

P粉041758700 2024-01-10 18:06:56 0  1  442

javascript - Comment obtenir une commutation fluide des fenêtres pop-up dans JS?

Par exemple, si vous cliquez sur une page, une fenêtre contextuelle apparaîtra. Le contenu de la fenêtre contextuelle comporte un bouton et un clic fera apparaître une boîte de dialogue. À ce stade, la boîte de dialogue n'est pas une boîte de dialogue. effet pop-up, mais une transition en douceur Co...

世界只因有你 2017-05-18 10:56:53 0  7  692

L'effet de survol des éléments de menu couvre toute la hauteur de la page

Je développe la navigation à gauche. Je veux que la barre rouge apparaisse avant l'élément de menu en survol. Cela fonctionne pour l'élément "Accueil" et ses sous-éléments, mais d'autres éléments racine provoquent une barre rouge au survol qui s'étend sur toute la largeur de la page de hau...

P粉029327711 2024-02-04 00:36:46 0  2  371

Pourquoi ma fenêtre contextuelle Bootstrap 5 perd-elle la capacité d'ouvrir le focus après avoir fermé et rouvert le modal dans lequel elle se trouvait ?

J'ai un problème avec mon modal Bootstrap5 et la fenêtre contextuelle placée dessus. Dans mon code HTML, j'ai ce qui suit et lorsque l'utilisateur survole le bouton, il s'affiche correctement. La fenêtre contextuelle affiche l'invite de saisie « Êtes-vous sûr ? » et conseille à l'utilisateur de cliq...

P粉022501495 2024-03-28 23:27:50 0  1  413

Désactiver l'effet de survol de la case à cocher v dans Vuetify 2

Lorsque vous survolez une case à cocher en v dans Vuetify2, un cercle grisé apparaît derrière la case à cocher. Je veux qu'il n'apparaisse pas. Actuellement, ma case à cocher v est enveloppée dans v-tab et v-tooltip. Je doute que cela soit important, mais c'est possible. <v-tabv-for="tabinmy...

P粉826429907 2023-09-03 20:25:54 0  1  573