CSS to remove tick in multiple select checkbox and change the background color.

The requirement is to remove the tick inside the checkbox when selected and also to add different background color to the checkboxes.

Solution

Use this CSS to remore the tick:

[data-checkbox]:checked:after{
    display: none;
}


And here for the background, each time you want to change the background, you have to create a CSS exception, this is what I think. And is working.

https://marcio-carvalho4.outsystemscloud.com/removecheckbox/Screen1?_ts=637619378983427119

Let me know if I could help you

Best regards,

M´árcio

removecheckbox.oml

Hello Nitin, what type of application it is?

Thank you

Solution

Use this CSS to remore the tick:

[data-checkbox]:checked:after{
    display: none;
}


And here for the background, each time you want to change the background, you have to create a CSS exception, this is what I think. And is working.

https://marcio-carvalho4.outsystemscloud.com/removecheckbox/Screen1?_ts=637619378983427119

Let me know if I could help you

Best regards,

M´árcio

removecheckbox.oml

Hi Marcio,


I am trying this in Reactive Web App.


Thanks,

 Nitin

No problem, I did on reactive the solution. Check on my answer the OML and a play a little and let me know

Thanks a lot Marcio. It totally works. 


Best regards,

Nitin

No problem! Feel free anytime!

Best regards

Márcio

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.