Hiding input fields

sixrfan · 09-16-2011, 11:13 PM

if you look on this page you'll notice that a bunch of the products have "Add to Cart" buttons next to them. I want to make those display:none. But they each have their own unique ids and no consistent class.

I was hoping with this code, it would hide them all but i guess I don't have the syntax correct:

Code:

.category-page-type input.product-list-control {display:none;}

how do i select all the input fields that are with the .product-list-control and apply my display:none; to them?

please advise. thanks in advance!

Awesomolocity · 09-16-2011, 11:21 PM

Code:

.product-list-control input{display: none;}

alykins · 09-17-2011, 01:47 AM

it seems to me that you were leading towards using js to hide them with their ID's

Quote:

But they each have their own unique ids and no consistent class

did you know you could also do

Code:

getElementByClass("hideMe").style.display='none';

........
<div id="uniqueID" class="hideMe"></div>

sixrfan · 09-17-2011, 02:25 AM

Quote:

Originally Posted by Awesomolocity

Code:

.product-list-control input{display: none;}

just what the doctor ordered. thank you!