csstailwind-css

Can't change radio button background color on Tailwind V3

I need ur guys help how to change BG color of radio button here's my code.
<input type="radio" className="form-radio h-6 w-6 checked:bg-white text-green-500 p-3 my-4" name="radio" value="1" /> the output still the same as default radio button. enter image description here

Solution

  • Use :checked property to achieve this.

    input[type="radio"]:checked {
    background-color: #your-color
}

    Check out a custom radio button design in codepen.