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!

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.

Solution

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

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!

 

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!