Hide a specific checkbox with CSS

Question

I have a number of checkboxes on a page and want to hide only ones attached to the advanced filter main class, I tried this and it doesnt work.

.advanced-filter:input[type='checkbox'] {
    display:none;
}

Any ideas? Thanks

Mahesh Bansod · Accepted Answer · 2017-10-12 21:56:00Z

1

You want to select an HTML element based on it's class and tag name(and attribute).
The correct syntax to do so is:

tagname.classname {
  properties;
}

So, you'd want to do something like:

input[type='checkbox'].advanced-filter {
  display:none;
}

answered Oct 12, 2017 at 21:56

Mahesh Bansod

2,0753 gold badges33 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

avatarofhope2 · Accepted Answer · 2017-10-12 21:59:54Z

1

What is the purpose of :input? I'm not aware of that as a pseudo-class.

what I think you want is:

input.advanced-filter[type='checkbox']

answered Oct 12, 2017 at 21:59

avatarofhope2

1721 silver badge11 bronze badges

Denise Field · Accepted Answer · 2017-10-13 11:14:22Z

0

Neither solutions worked, but I solved in the end by giving the checkbox an ID and hiding that ID.

Thanks for the help though, its always appreciated on this forum!

answered Oct 13, 2017 at 11:14

Denise Field

1711 gold badge2 silver badges11 bronze badges