Partage
  • Partager sur Facebook
  • Partager sur Twitter

Styling checkbox material

    23 juin 2021 à 11:42:43

    Salut à tous, 

    Pour un projet perso j'essaye de modifier à ma sauce les checkboxs de Material Angular (https://material.angular.io/components/checkbox/overview). J'ai quasiment tout fait, mais il y a une petite chose que je n'arrive pas à faire.

    J'aimerai que au hover, lorsque la checkbox n'est pas cochée, le "V" (celui qui justement apparait lorsque la checkbox est cochée) soit visible. Ce serait une indication en plus que l'endroit ou l'on passe la souris est une checkbox. 

    https://stackblitz.com/edit/test-checkbox-a9coqm?file=src/main.ts Dans l'exemple ci joint, j'ai juste la bordure de la checkbox qui apparait au hover, j'aimerai que la "coche" y apparaisse également. 

    J'ai essayé en CSS, en JS, en intégrant du HTML via la partie typescript, mais pour l'instant sans succès. C'est sans doute possible mais j'ai du rater quelque chose ... 

    Quelqu'un aurait une idée ? 

    Merci d'avance ! 

    • Partager sur Facebook
    • Partager sur Twitter

    Styling checkbox material

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown