Skip to Content (Press Enter)
2020-04-26 21-15-06
Marcelo Silva
454Views
4Comments
Solved
CSS style for radio-button
Question
CSS

Hi people,

I customized some elements on my CSS, but I'm having troubles with radio-buttons appearance. 

As shown on attached screenshots, the radio-buttons are initially invisible and appears only when focused ou selected.

I have already tried to set many CSS items (like background-color and others) on many CSS sections (like .radio-button, .radio-button:before and others), but nothing worked.

Anybody knows how can I fix it?

Thanks!


Screen1.jpg
0
0
02 Jul 2020
Copy Link
UserImage.jpg
Prasad Rao
Solution

Hi,

Could you please let me know where have you tried to add the styles? If you are adding it in webblock then try to add it in screen or theme, in my example below Chart is my module name

and result

Regards.

0
0
02 Jul 2020
Copy Link
2020-04-26 21-15-06
Marcelo Silva

Prasad Rao wrote:

Hi,

Could you please let me know where have you tried to add the styles? If you are adding it in webblock then try to add it in screen or theme, in my example below Chart is my module name

and result

Regards.

Prasad,

I was setting in the module style sheet. Now, upon your suggestion, I moved it to the screen style sheet and it works!!

Many thanks!

 

0
0
02 Jul 2020
Copy Link
2026-02-26 06-29-24
Rahul
 
MVP

Hi Marcelo Silva

use 

.radio-button:before {

     border: 1px solid #000 !important;

}


On screen css it will look like 

first one is deselect and second is selected.


Regards

Rahul Sahu

0
0
02 Jul 2020
Copy Link
2020-04-26 21-15-06
Marcelo Silva

Rahul Sahu wrote:

Hi Marcelo Silva

use 

.radio-button:before {

     border: 1px solid #000 !important;

}


On screen css it will look like 

first one is deselect and second is selected.


Regards

Rahul Sahu

 Fine, Rahul. Thanks!

 

0
0
02 Jul 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.