• Greetings,
    I have a specific form on my site that contains checkboxes, and I would like to hide the actual checkboxes. The css class for the checkboxes on this form is .checkstyle (css below).

    I could use:
    input[type=checkbox] { visibility: hidden;}
    but that removes all checkboxes on the site, and I only want class checkstyle to be hidden.

    Any suggestions?

    Thanks,
    Nate

    .checkstyle + label{
    background: #ffffff;
    height: 50px;
    width: 105px;
    color: #70962d;
    text-align: center;
    padding: 15px 25px;
    }

    .checkstyle:checked+label {
    background: #70962d;
    height: 50px;
    width: 105px;
    color: #ffffff;
    text-align: center;
    padding: 15px 25px;
    }

Viewing 1 replies (of 1 total)
  • Use this CSS to hide default checkboxes rendered by browser:

    input[type=checkbox] { -webkit-appearance: none; }

Viewing 1 replies (of 1 total)

The topic ‘Removing checkbox inputs from specific class’ is closed to new replies.