Hide button in css

Question

How can i hide button in css it the button text is read more.

I have a add to cart button on web site product archive page. But when the product will go out of stock the check changes to read more. I want to hie the button the the text changes to read more.

can you please share html

Bachcha Singh
– Bachcha Singh

2018-03-08 13:16:37 +00:00
Commented Mar 8, 2018 at 13:16 — Bachcha Singh
– Bachcha Singh, Commented Mar 8, 2018 at 13:16

Bachcha Singh · Accepted Answer · 2018-03-08 13:29:49Z

11

HTML

<input type="button" value="read more"/>

CSS

input[value="read more"]{ display:none; }

input[value="read more"]{
display:none;
}

<input type="button" value="read more"/>

<input type="button" value="add to cart"/>

answered Mar 8, 2018 at 13:29

Bachcha Singh

3,9423 gold badges27 silver badges39 bronze badges

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

3 Comments

Aamir Khan Over a year ago

Hi, I tried its not working. This is he button class<a rel="nofollow" href="abc.savvatech.com/en/product/high-wall-ac-frost-4/…" data-quantity="1" data-product_id="289" data-product_sku="YK9FZC028BAH-AAX" class="button product_type_simple ajax_add_to_cart" target="_self">Read more</a>

Bachcha Singh Over a year ago

I suppose if product out of stock than, it should be 0 [data-quantity="0"], In this case you can use [data-quantity="0"] { display:none; }

Mickey Puri Over a year ago

see my suggestion above

Mickey Puri · Accepted Answer · 2020-01-30 11:43:08Z

1

You should use a style to rub out the button styles, but it will still keep the button text there. Apply a css class such as this to the button

.icon-button {
   border: none;
   background:none;
}

edited Jan 30, 2020 at 11:43

answered Jan 30, 2020 at 11:04

Mickey Puri

88911 silver badges19 bronze badges

Comments

M. van Laar · Accepted Answer · 2018-03-08 13:32:30Z

0

You should add display: none; to yor button style to hide.

answered Mar 8, 2018 at 13:32

M. van Laar

425 bronze badges

1 Comment

Mickey Puri Over a year ago

this will not work! display:none will hide the entire button for sure, but will also hide the text of the button, as that is part of the button!

Collectives™ on Stack Overflow

Hide button in css

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related