CSS - Hide button by its value

Question

How to hide button by its value using CSS ?

eg:

<input type="submit" value="Foo" />
<input type="submit" value="Bar" />

How i can hide the Button that have value="Foo"

Nick · Accepted Answer · 2017-03-22 09:16:49Z

3

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

using this method above

answered Mar 22, 2017 at 9:16

Nick

14.4k10 gold badges55 silver badges110 bronze badges

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

Comments

Arjan Knol · Accepted Answer · 2017-03-22 09:17:04Z

1

This is possible with css attribute selectors:

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

answered Mar 22, 2017 at 9:17

Arjan Knol

9425 silver badges20 bronze badges

Sumit patel · Accepted Answer · 2017-03-22 09:21:41Z

1

Update style More learn css attribute selectors

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

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

<input type="submit" value="Foo" />
<input type="submit" value="Bar" />

answered Mar 22, 2017 at 9:21

Sumit patel

3,91111 gold badges38 silver badges65 bronze badges