Style Radio Button

[Donovan_Hardwick]

Good Day

Just a quick one, how do I style radio button using CSS?

I’ve have set the background colour but I am trying style the inner cycle (check box), could you kindly direct me in the right direction to do so.

Kind Regards
Donovan

[Inna_Shkolnaya]

Hello @Donovan_Hardwick

I recommend that you read this article.
Also under Theme - Editor - Open SDK styles there are variables that can be used to change the styles.

How To Add Customized Styles To Your App | Backendless

Regards,
Inna

[Donovan_Hardwick]

Thank you @Inna_Shkolnaya

Luckily I already know most of that, but the radio button in particular is giving me problems. Below is the CSS coding for the radio button.

Here is the radio button…

All I want to do is change the inside circle of the checkbox to white, for both when it is checked or not.

Kind Regards
Donovan

[Dima (Dima Vak)]

If you told about the background inside the circle, not the inner dot - unfortunately, it’s impossible.
But it you about dot - @radioCheckedInnerCircleColor works well for me.

Regards, Dima.

[Donovan_Hardwick]

Thank you @Dima

Thank you it works…

Is there anything we can do about the outside circle?

Kind Regards

[Dima (Dima Vak)]

Yes, and as we write before you could check all variables at SDK Styles.

[Alexander_Pavelko]

Hello @Donovan_Hardwick!

Try to do it this way:

.new-radio-button-okay .MuiIconButton-label {
  width: 20px;
  height: 20px;
  background-color: deepskyblue;
  border-radius: 50%;
}

Regards,
Alexander

[Donovan_Hardwick]

@Dima Never mind I got it…

Last question, what the code be for the outside circle which is un-checked?

Kind Regards
Donovan

[Donovan_Hardwick]

Thank you @Alexander_Pavelko

[Donovan_Hardwick]

@Alexander_Pavelko @Inna_Shkolnaya @Dima

Thank you for your assistance, I found all the coding for radio button.