Skip to content
OverviewSolutions
3
Comments
1
CauaVSJBispo
@CauaVSJBispo

All comments

  • Antonio Silva•180
    @AsilvazavalaSubmitted over 1 year ago

    Hi, after selecting a number from 1-5, when hovering on another number I could no longer make it change its background to orange, even though I had the instruction Could someone tell me why this happens? Thanks

    Interactive rating component using Tailwind

    1
    CauaVSJBispo•30
    @CauaVSJBispoPosted over 1 year ago

    hi, can you send me your code?

    anyway, in css you need to use this:

    .(classname):hover{ background-color: orange; cursor: pointer; }

    to change the color when you hovering any number and

    .(classname):focus{ background-color: LightGrey; }

    to change the color when you select any number

    i did that:

    .number{ width: 40px; height: 40px; border-radius: 50%; border: none; background-color: var(--DarkBlue); color: var(--White); }

    .number:hover{ background-color: var(--Orange); cursor: pointer; }

    .number:focus{ background-color: var(--LightGrey); }

    0