Hiding input field

Discussion in 'CSS' started by sixrfan, Sep 16, 2011.

0
  1. #1
    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:
    
.category-page-type input.product-list-control {display:none;}
    Code (markup):
    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!
     
    Solved! View solution.
    sixrfan, Sep 16, 2011 IP
  2. #2
    If I understood you right, you need this css code:

    
.product-list-control input{display:none;}
    Code (CSS):
     
    s_ruben, Sep 17, 2011 IP
    sixrfan likes this.
  3. yho_o

    yho_o Well-Known Member

    Messages:
    354
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    140
    #3 
    <input type="hidden" name="hidden" value="" />
    Code (markup):
    or do it with css
    #myInput { display:none; }
    Code (markup):
     
    yho_o, Oct 10, 2011 IP
    sixrfan likes this.