Topic: How do I change the color of a checked mdb radio button?
I'm using the mdb radio button and want to change the color of the 'circle' when the radio button is selected, depending on the button that is selected. I tried changing the color of input[type="radio"]:checked, but that doesn't do the trick. How should I do this?
Thanks for your feedback!
Hi,
this is the css style from mdb.css what changes the radoi colors:
.form-check-input[type="radio"]:checked + label:after,
.form-check-input[type="radio"].with-gap:checked + label:before,
.form-check-input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"]:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:before,
label.btn input[type="radio"].with-gap:checked + label:after {
border: 2px solid #4285f4; }
.form-check-input[type="radio"]:checked + label:after,
.form-check-input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"]:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:after {
background-color: #4285f4; }
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.5.10
- Device: all
- Browser: All
- OS: all
- Provided sample code: No
- Provided link: No