Breaking News: Grepper is joining You.com. Read the official announcement!

how to hide a checkbox on css

Noobie answered on August 20, 2022 Popularity 8/10 Helpfulness 10/10

answer how to hide a checkbox on css

related hide checkbox css

how to hide a checkbox on css

Comment

.checkbox input[type="checkbox"] {

    opacity: 0;

}

Popularity 8/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: checkbox css hide

Link to this answer
Share Copy Link

Contributed on Aug 20 2022

Noobie

0 Answers Avg Quality 2/10

Closely Related Answers

hide checkbox css

Comment

.Checkbox-class-name-here {
border: 1px solid red !important ; /* this will highlight anything with the class so if it doesnt hide you will see it you can remove this it will have no effect */ 
display none ; /* this will hide the element from being shown */ 
}

.page-id-10 .Checkbox-name-here {
border: 1px solid red !important ; 
display: none ; 

/* this code does the same thing but will only do it based off of the page id so you can make it only run on one page */
}

/* if you still run into issues put !important before your closing semi colon on the display: none line as this will override whatever is placing it there. */

Popularity 5/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css hide checkbox

Link to this answer
Share Copy Link

Contributed on Aug 02 2023

Ryan Mckenna

0 Answers Avg Quality 2/10

how to hide a checkbox on css

Contents

More Related Answers

how to hide a checkbox on css

Closely Related Answers

hide checkbox css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.