Я пытаюсь понять, почему некоторые CSS не дружат со мной - я возился с этим кодом:
https://codepen.io/arcs/pen/OmZaex
Когда вы вводите информацию на вход, метка перемещается вверх и в сторону.
Я почти уверен, что эта строка CSS делает эту работу:
#inputContainer input:valid + #inputLabel {
top: -15px;
font-size: 11px;
font-weight: normal;
color: #9e9e9e;
}
Я никогда не видел этого соглашения прежде, и когда я пытаюсь использовать его на странице Wordpress, это состояние CSS не вызывается.
CSSLint также объявляет это недействительным.
Любые эксперты по CSS знают, как заставить это работать на странице Wordpress ... или, по крайней мере, почему это не работает?
Редактировать: я не упомянул, что это было на странице Wordpress - я прошу прощения за то, что забыл, вероятно, самый важный аспект этого вопроса