The accent-color property specifies the accent color for user controls and indicators such as <input> elements, and the <progress> element. Any color format is acceptable.

input[type=checkbox] {
    accent-color: red;
}
input[type=radio] {
    accent-color: #ff0000;
}
input[type=range] {
    accent-color: rgb(255, 0, 0);
}
progress {
    accent-color: hsl(0, 100%, 50%);
}

The HTML element can also be styled using JavaScript and the element’s id.

document.getElementById('my_input').style.accentColor = 'red';

<button onclick='my_function()'>Click Here</button>

<script>
function my_function() {
    document.getElementById('my_input').style.accentColor = 'red';
}
</script>