Design a Feature Selection Page Lab (CSS Styling Forms)

Curriculum Help
1

Tell us what’s happening:

Your code so far

I have a constant error in this point: When the checkboxes are selected, there should be a checkmark ✓ in the center of the checkbox. I have been trying to fix it for hours but I think the code works well I don't know where the error is.

input[type="checkbox"] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid black;
  border-radius: 5px;
}

input[type="checkbox"]:checked {
  background-color: lightgreen;
  border-color: green;
  vertical-align: middle;
}

input[type="checkbox"]:checked::before {
  content: "✓";
  display: block;
  text-align: center;
  color: white;
}

Lesson URL (copy - paste from your browser’s address bar)

2

Welcome to the forum @jandraderufino,

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge.

image
image668×186 6.59 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

Happy coding