Question

I would like to apply a special style to all inputs in my form that are required and empty at that.

It does work when i write in my css

input[required='required'] {
    bla-bla-bla;
}

but it doesn’t work, when i write

input[value=''] {
   bla-bla-bla;
}

I know i can do that using jQuery, but i would like to do that in pure css, if it is possible.

Can that be done?

Thank you in advance,
Timofey.

Answer 1

Searched css style empty inputs and found the following:

Matching an empty input box using CSS

You need to use JavaScript.

To use the CSS style, you would have to type in the attribute: value='' in your HTML, but then the CSS would match regardless of if the value changes mid-session.