How to style a list item when the radio input button within that li is :checked


I’m trying to add some simple css to a li item once the radio input within that tag is selected, here is the link to the page I’m referring to, currently the border color of unchecked li item is #BDC4DD, once the radio input is checked I want it to change to #4595d0
below is the css code that I have been trying to do so far, it’s creating a new border within li

li .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
        color: #4595d0;
        border: 2px solid #4595d0;
, , Shahala Anjum Choudhary 4 years 2020-03-03T11:51:10-05:00 0 Answers 77 views 0

Leave an answer