Possuo esses radio buttons no qual serve para especificar o nível de gravidade de uma determinada ocorrência. E eu gostaria de saber como eu poderia mudar a cor deles?
Segue este exemplo de ilustração:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<h1>
Nível de gravidade
</h1>
<div class="form-group">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default active">
<input type="radio" value="B" checked autocomplete="off"> Branco
</label>
<label class="btn btn-default">
<input type="radio" value="A" autocomplete="off"> Amarelo
</label>
<label class="btn btn-default">
<input type="radio" value="L" autocomplete="off"> Laranja
</label>
<label class="btn btn-default">
<input type="radio" value="V" autocomplete="off"> Vermelho
</label>
</div>
</div>
As cores que eu gostaria de colocar são:
branco, amarelo, laranja e vermelho
Cada cor correspondente ao seu radio button.