<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PERGUNTA: 1</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style-index.css">
</head>
<body>
<div class="container">
<fieldset>
<legend>Pergunta</legend>
<form>
<h2>
1. Normalmente, quantos litros de sangue uma pessoa tem? Em média, quantos são retirados numa doação de sangue?
</h2>
<div class="alternativas">
<label id="alt">
<input type="radio" name="resposta" value="a">
a) Tem entre 2 a 4 litros. São retirados 450 mililitros
</label>
<br>
<label id="alt">
<input type="radio" name="resposta" value="b">
b) Tem entre 4 a 6 litros. São retirados 450 mililitros
</label>
<br>
<label id="alt">
<input type="radio" name="resposta" value="c">
c) Tem 10 litros. São retirados 2 litros
</label>
<br>
<label id="alt">
<input type="radio" name="resposta" value="d">
d) Tem 7 litros. São retirados 1,5 litros
</label>
<br>
<label id="alt">
<input type="radio" name="resposta" value="e">
e) Tem 0,5 litros. São retirados 0,5 litros
</label>
<br>
</div>
<p id="msg"></p>
<button type="submit">Responder</button>
</form>
</fieldset>
</div>
</body>
</html>
Como fazer com que, se o usuário selecionar uma alternativa (o elemento input radio) o texto da label mude de cor (verde)? Como fazer em CSS?