How to make floating placeholder contact form 7?

Question

css

Hello, I’ve already broken my head, the site residenciaespanola.ru in the header, the button pops up a form, there is a floating placeholder, when you click and fill in the field, the placeholder remains at the top, but if I focus on another field and remove the focus, then the placeholder goes down everywhere, I did it through css but in contact form 7, the fields are additionally wrapped in a span + span in which an error is displayed, so I add class active to the label via jquery to edit the placeholder.

Help, how to make the placeholder drop only for one field? since the class is removed from both fields, I tried it through valid, it doesn’t work ((

VIDEO: g1t.ru/video/TdPhKfbiFF.mp4

Answer 1

Resolved with:placeholder-shown