What am I missing? Trying to change text color and cursor on hover

As the title states, I am missing something right? I have all the checkbox’s classed as “checkbox” within the label, so you can click on the text to select it but no pointer and no color change.


input[type="checkbox"],
input[type="radio"],
.checkbox:hover {
  cursor: pointer;
  color: cyan;
}

Here’s an example of one of the checkbox’s.

<label><input class="checkbox" type="checkbox" value="rwb">Responsive Web Design (Original)</label>

You have styled the <input> but you haven’t styled the text in the <label>.

1 Like

facepalm Thank you so much.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.