I would like to have the radio buttons label text be different colors. I am unable to find the correct selector for the individual radio buttons. I would like the choice "Changed" text to be red and the choice "Approved" text to be green. I am not having any luck getting this to work. Can someone please help me?
Question
Question
Change Color of Radio Button Labels
asked on July 24, 2018
0
0
Replies
replied on February 9, 2020
Hi, I have this same issue.
I have a button for red amber and green and I would like to have the labels coloured accordingly.
Can this be easily done in CSS?
0
0
replied on July 24, 2018
The selector for the top button should be label[for="Field246-0"], and that for the bottom button should be label[for="Field246-1"]. You may want to confirm this in your browser's developer tools (see screenshot).
If those are the correct selectors, then the following CSS code should work:
label[for="Field246-0"] { color: red !important;} label[for="Field246-1"] { color: green !important;}
0
1
You are not allowed to follow up in this post.