80
Views
6
Comments
Solved
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.

2021-06-02 20-50-04
Márcio Carvalho
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
2021-06-02 20-50-04
Márcio Carvalho

Hello Nitin, what type of application it is?

Thank you

2021-06-02 20-50-04
Márcio Carvalho
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
2021-03-12 10-05-09
Nitin Bhattacharyya

Hi Marcio,


I am trying this in Reactive Web App.


Thanks,

 Nitin

2021-06-02 20-50-04
Márcio Carvalho

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

2021-03-12 10-05-09
Nitin Bhattacharyya

Thanks a lot Marcio. It totally works. 


Best regards,

Nitin

2021-06-02 20-50-04
Márcio Carvalho

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.