Skip to content
BASE DE CONNAISSANCE
  • Pages
    • Production
      • CSS
        • icon picker
          Etoiles css Version 1
        • Etoiles avec etiquettes
      • JAVASCRIPT
        • JS du style des étoiles avec etiquettes
        • Copie d'un texte dans le presse papier
        • CheckBox Avec question ouvert
      • HTML TEMPLATE
      • HOMAIR - Post-Stay - Summer 2024
        • css
        • js
      • tracking
      • Projects
      • Formulaire questionnaire
        • Historique de checking
      • CSM
      • Checklist Prod
      • Checklists
        • table_checklist_email
        • table_checklist_questionnaire
      • Clients
    • CSM
      • Tout type de questionnaire
        • NPS
        • Etoile
        • Choix unique
        • Choix multiple
        • Tableaux
        • Ouvert verbatims
        • Ouvert info. perso
BASE DE CONNAISSANCE
/
/
Etoiles css Version 1
Share
Explore

Etoiles css Version 1

Voici le résultats
image.png
⁠
⁠

Suppression croix devant les étoiles

.sg-star-box label.sg-star-0, .sg-star-box label.sg-star-0:hover { display: none; }

Pour l’agrandissement, mettre ce code :

.sg-6stars{scale: 1.5;}

Etoiles mutlicouleurs

/*Couleur des étoiles*/
.sg-survey .sg-mobile-optimized .sg-star-box label.sg-star-1.sg-star-on:not(.sg-star-0)
{
color: #FF4646 !important;
}
.sg-survey .sg-mobile-optimized .sg-star-box label.sg-star-2.sg-star-on:not(.sg-star-0)
{
color: #FF4646 !important;
}
.sg-survey .sg-mobile-optimized .sg-star-box label.sg-star-3.sg-star-on:not(.sg-star-0)
{
color: #FF913D !important;
}
.sg-survey .sg-mobile-optimized .sg-star-box label.sg-star-4.sg-star-on:not(.sg-star-0)
{
color: #00DA2F !important;
}
.sg-survey .sg-mobile-optimized .sg-star-box label.sg-star-5.sg-star-on:not(.sg-star-0)
{
color: #00DA2F !important;
}

.sg-star-box label.sg-star-1
{
background-image: url(//satisfactory.fr/wp-content/uploads/2021/08/Stars-Red.png);
}
.sg-star-box label.sg-star-2
{
background-image: url(//satisfactory.fr/wp-content/uploads/2021/08/Stars-Red.png);
}
.sg-star-box label.sg-star-3
{
background-image: url(//satisfactory.fr/wp-content/uploads/2021/08/Stars-Orange.png);
}
.sg-star-box label.sg-star-4
{
background-image: url(//satisfactory.fr/wp-content/uploads/2021/08/Stars-Green.png);
}
.sg-star-box label.sg-star-5
{
background-image: url(//satisfactory.fr/wp-content/uploads/2021/08/Stars-Green.png);
}
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.