...

View Full Version : Hiding input fields



sixrfan
09-17-2011, 12:13 AM
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!

Awesomolocity
09-17-2011, 12:21 AM
.product-list-control input{display: none;}

alykins
09-17-2011, 02:47 AM
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>

sixrfan
09-17-2011, 03:25 AM
.product-list-control input{display: none;}

just what the doctor ordered. thank you!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum