Checkbox problem

image
Hi, I have a problem with the checkbox and it seems like a checkbox is painted by default. How can I remove this?
This is my css code:

Regards,
Alvaro

Hi @Alvaro_Sanchez

This is a part of the UI-SDK, and you can not remove such styles.
Do you want to have a non-styled checkbox component or fix the issue on the screenshot?

Regards,
Vlad

I want to fix the screenshot issue so that my checkbox is visible and not the other one.

Regards.
Alvaro

please provide a test page with only one Checkbox component and share with us link to the page.
Have you added any styles in the UI Container?

Hi, this is the test page with only Checkbox Backendless
and this is the styles in the UI container:

Regards,
Alvaro

Hello @Alvaro_Sanchez

Please also provide the App ID.

Regards,
Inna

This is the ID: E2F41F4C-43EA-4443-A06D-33DBD4796263

Your CSS breaks the Checkbox component.
If you want to change styles for the component, you can change LESS variables, you can find the list of support variables here:


Also, you can override these styles in your styles extension, but make sure you apply styles to the right HTML DOM elements.

Or you can create a custom component with native checkbox and then decorate it