Custom CSS for Radio Button component

[former_member184594]

Hello all,

I have a question I want to change the text color of radio button from black to white by CSS. How is this possible?

I have been trying it for a while, but no luck.

Could anyone help me on this?

Many thanks.

[mike_howles4 · Accepted solution]

.sapUiRbStd { color : #FFFFFF; }

[former_member184594 · Accepted solution]

Hi Michael,

I created a custom css with the css code you posted and set the CSS class of the radio button sapUiRbStd. However, nothing happens. The color of the radio button does not change at all.

Am I doing something wrong?

[mike_howles4 · Accepted solution]

You do not need to set the class to sapUiRbStd - That is already set standard by the Radio Button Group component.  You may need to clear IE cache and restart Design Studio to see the change.

[former_member184594 · Accepted solution]

That didn't work but I did it like this:

.sapUiRb > label {color: #FFFFFF }

This sets the color of all radio buttons on the dashboard to white, but  I just want to change only one radiobutton.

Is this possible?

Also, what other sapUi css tags exist? I mean for the other components. How can I find the others?

[mike_howles4 · Accepted solution]

To highlight the second radio button of a Radio Button Group component:

.sapUiRbG span:nth-child(2) {color: #FFFFFF}

Use IE F12 tools at runtime to familiarize yourself with all the CSS classes that SAPUI5 components use.

[former_member184594 · Accepted solution]

Thanks a lot for your help.

[Former Member]

Have you checked this post?