Comment utiliser CSS pour changer la couleur de la police en HTML en fonction du contenu du texte des balises

Question

J'ai donc un bouton radio avec le texte "Oui" et "Non" et si l'un d'entre eux est sélectionné, je veux que la couleur de la police change.

• Oui (vert)
• Non (rouge)

Voici le code html :

<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
  <asp:ListItem Text="否" Value="False" />
  <asp:ListItem Text="是" Value="True" />
</asp:RadioButtonList>

J'ai le code suivant en css qui change le label du bouton radio sélectionné :

input[type="radio"]:checked + label { 字体粗细：加粗！重要； }

Answer 1

Vous pouvez utiliser des crochets de bloc pour cibler n'importe quelle propriété, y compris la propriété "Texte" :

input[text="Yes"]:checked + label {
  color: green;
}

input[text="No"]:checked + label {
  color: red;
}

<input type="radio" text="Yes" name="select" id="yes">
<label for="yes">Yes</label>
<input type="radio" text="No" name="select" id="no">
<label for="no">No</label>