The CSS input[value=whatever] selector doesn't seem to match against input.value. What am I missing?

Question

N.B.: I should note that the proper solution to this is to just use the \'placeholder\' attribute of an input, but the question still stands.

Another N.B.: Since, as Qu

Answer 1

The value attribute sets the default value for the field.

The value property sets the current value for the field. Typing in the field also sets the current value.

Updating the current value does not change the value attribute.

Attribute selectors only match on attribute values.

Answer 2

There are new pseudo classes for matching a number of properties of an input element

• :valid
• :invalid
• :in-range
• :out-of-range
• :required

A required element with no value set to it will match against :invalid. If you insist on using the value instead of placeholder, you could simply add a pattern or a customValidity function to force your initial value to be counted as invalid.