Forum | Appery.io

Can anyone please tell me how can I change the background color of radio UI in appery.io?

With Swatch-C I got the following radio Ui:

I want it to look like this:

I have change the corner by editting the html file after exporting my project from appery.io platform, added the - data-corners="false" in the feildset.

The radio button part should remain white.

Hello,

This should help https://devcenter.appery.io/documenta...
Just set color instead transparent.

This is the code snipet as generated by the appery.io web development tool

I was able to modify the background color using the following code:

a href="https://d2r1vs3d9006ap.cloudfront.net/s ... 1435228328[/img] /a

But still the radio button part takes the color of the background, how can I set it to white as shown in the image in the Q?

please see my reply below.

I have some-what got the requirements by using the following code:

.ui-radio .ui-btn.ui-radio-off:after {
background: white!important;
border: 2px solid #0000FF;

}

Hello L S,

Sorry, do you need further assistance?

can you help me on this Q. http://gsfn.us/t/4r3d8

can you help me on this Q. http://gsfn.us/t/4r3d8

Yes, I need assistance, I still haven't achieved what I need, as mentioned in the question.

Hello,

Please use this CSS:

pre.ui-radio .ui-btn{
background:blue!important;
}
.ui-radio .ui-btn:hover{
background:red!important;
}/pre

just change the colors to yours.