Color of the Radio button

[BehNaman]

I have a submission form that uses radio buttons. Is it possible to change the color of the radio button when it is selected? It is currently blue.. Thank you in advance! 

[autonumber]

Hello! To change the color the of the selected button, you can this to the Header of your DataPage.

<style>
input[type="radio"]{
accent-color:red;
}
</style>

[Queso]

Hi, 

I used this on one of my DataPages; I needed it to be green because I'm trying to create a "Jungle"-style DataPage.

As far as I know, the accent-color property in CSS is capable of re-tinting the accented color of form controls provided by the browser’s default styles with a custom color value. 

With that being said, we are capable to change the color to the following HTML elements as well especially the Caspio checkbox:

<input type="checkbox">   
<input type="range">
<progress>

 

[Meekeee]

Hi @trickson - you are right about the checkbox, you may use these other properties as well:

filter: hue-rotate(102deg)
filter: grayscale(1)

Here's a new post: 

 

[IamNatoyThatLovesYou]

Hi Everyone, I also have here a post regarding changing the look of the radio button instead of the color.

- Natoy

 

[Meekeee]

Hi - Just an update regarding Radio Buttons. Caspio will be introducing a new DOM structure of the radio button in DataPages. If you are using custom scripts to access the DOM structure of radio button groups, you should revise them to use the element “ID” or “name” or type=radio attribute instead. 

For more information, you can check it here: https://howto.caspio.com/release-notes/caspio-34-0/impacted-areas-34-0/