Как подчеркнуть input при focus и сделать placeholder полупрозрачным одновременно?

Question

[Alexfixer]

как подчеркнуть input при focus и сделать placeholder полупрозрачным одновременно?

Comments

[Andrew]

что значит "подчеркнуть инпут"?
Рисунок или код покажите.
Вопросы можно редактировать

[Alexfixer]

Andrew, сам input чтобы становился подчёркнутым при фокусе

[Andrew]

Alexfixer, вам нужно менять нижний border самого инпута и цвет(rgba) input::placeholder, когда input:focus. Удачи.

[Alexfixer]

Andrew, не понимаю как правильно записать это в css цвет(rgba) input::placeholder, когда input:focus

input::placeholder:focus {
color: rgba(0, 0, 0, 0.5);
}

так не работает)

[Andrew]

Alexfixer,

input:focus::placeholder{
color:(0,0,0,0.5)
}

Answer 1

[Andrew]

input:focus::placeholder{
color: rgba(0,0,0,0.5);

}
input:focus{
outline: none;
 border: none;
border-bottom: 1px solid orange;
}

https://jsfiddle.net/kickerock/a7xdrs2q/3/

Comments

[Alexfixer]

Спасибо..)

Answer 2

[Lord_Dantes]

Если кратко: input:focus::placeholder
Podrobno: https://codepen.io/lord-dantes/pen/xxbywMw