Hiding input fields

if you look on this page (http://www.usatowl.com/bath-towels.aspx) 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:

.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!

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

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

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


did you know you could also do

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

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

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

just what the doctor ordered. thank you!