CODEWITHSUNDEEP
csssass
Abu Sufian
Abu Sufian

Reputation: 9

how to change checked radio button color in bootstrap

I want to fill the radio button with orange color after checked. By default color is blue

                <h5>Filter By</h5>
                <div class="location my-3">
                    <select class="custom-select shadow-sm">
                        <option selected>1</option>
                        <option value="1">2</option>
                        <option value="2">3</option>
                        <option value="3">4</option>
                    </select>
                </div>
                <div class="Budget my-3">
                    <select class="custom-select shadow-sm">
                        <option selected>100</option>
                        <option value="1">200</option>
                        <option value="2">300</option>
                        <option value="3">400</option>
                    </select>
                </div>

Upvotes: 0

Views: 108

Answers (1)

Robert Hansson
Robert Hansson

Reputation: 176

You are saying you want to fill the radio orange but you have a select element with options? Do you mean you want the selected option to be orange?

Else this example could work with correct classnames

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-color: orange;
}

Upvotes: 1

Related Questions