Can't select empty input with input[value=""]? [duplicate]

Question

I'm trying to mark required (and empty inputs) like this

input:required {
  border: 1px solid green;
}
input[value=""]:required {
  border: 1px solid red;
}

<input type="text" value="" required>

<input type="text" value="Not empty" required>

It seems to work, but once you set a value to the input, it still marked

I think it's answered here: stackoverflow.com/questions/16952526/… — lpg
– lpg, Commented Nov 30, 2015 at 15:21

Mister Verleg · Accepted Answer · 2015-11-30 15:19:07Z

0

If you dont mind using JavaScript you could use an if-statement to give a class based on whether or not the input contains text. then use you CSS on those classes.

answered Nov 30, 2015 at 15:19

Mister Verleg

4,3536 gold badges51 silver badges73 bronze badges

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

2 Comments

Toni Michel Caubet Over a year ago

I know, that way it would be done a while a go, but just curious why i doesnt work

Mister Verleg Over a year ago

now Im curious too..

Collectives™ on Stack Overflow

Can't select empty input with input[value=""]? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related