[Solved] Checkbox and radiobutton won’t show

by


You have set opacity: 0 for checkboxes and radio buttons in main.css. Remove it and they will appear in your page.

opacity sets the transparency of an element. Therefore opacity: 1 means no transparency while opacity: 0 means element having full transparency (invisible on the page).

input[type="checkbox"], input[type="radio"] {
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  display: block;
  float: left;
  margin-right: -2em;
  opacity: 0;  // <<==== Remove this property to make checkboxes appear.
}

0

solved Checkbox and radiobutton won’t show