Checkbox background color css

  • Resolved anweb

    (@anweb)


    3 years, 8 months ago

    Hi,
    I want just to change the background color of the checkbox background-color:rgba(201, 197, 183, 0.39) and tried a lot of different css but not succeded so can you please help me.
    Password to website: Thollans15

    Thanks,
    anweb

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Nik Sebastian

    (@niksebastian)

    3 years, 8 months ago

    Hi @anweb,

    For this kind of usage, I can recommend using a JavaScript approach and targeting the field using input:checkbox.

    In case it helps, please take a look at the this article for more details about this.

    Please note that customization goes beyond the scope of our scope.

    Thank you for understanding

    Thread Starter anweb

    (@anweb)

    3 years, 8 months ago

    Thank you for your answer but it seems a bit to much for just that little box, there most be a css code that make this?

    Thanks,
    anweb

    Aakash

    (@aakash8)

    3 years, 8 months ago

    Hi @anweb

    This pure CSS solution should do the trick:

    input {
    -webkit-appearance: none !important;
}

input[type=checkbox]:checked {
    -webkit-appearance: checkbox !important;
}

input[type=checkbox]{
  accent-color: red !important;
  background-color: red !important;
}

    Hope this helped!

    Thread Starter anweb

    (@anweb)

    3 years, 8 months ago

    Gret thank you very much,
    Annika

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Checkbox background color css’ is closed to new replies.

Tags