Скрывать placeholder при фокусе, как правильно?

Question

[Артур]

Всем привет!
не получается скрыть placeholder при фокусировке на инпуте, подскажите в чем проблема?
нагугленные решения не спасают
хром 56.0.2924.87

codepen.io/Cloudst1/pen/MpPLjv

Answer 1

[Владислав Лысков]

посмотри как тут jsfiddle.net/XDutj/407

Comments

[Efess86]

Спасибо большое это то что надо

input:focus::-webkit-input-placeholder {
color: transparent;
}

Answer 2

[Дмитрий Лузанов]

<input class="input-text" type="text" name="name" value="Your name">
				<input class="input-text" type="text" name="email" value="Email Address">
				<input class="input-text" type="text" name="password" value="Create a Password">
				<input class="input-button" type="button" value="Get started — free forever!">

У вас там value а не placeholder. Замените и все магическим образом заработает.

<input class="input-text" type="text" name="name" placeholder="Your name">
				<input class="input-text" type="text" name="email" placeholder="Email Address">
				<input class="input-text" type="text" name="password" placeholder="Create a Password">
				<input class="input-button" type="button" placeholder="Get started — free forever!">

Comments

[Артур]

Спасибо большое, на своем косяке и попался)

Answer 3

[Антон]

Решение с использованием Jquery подойдёт?

Comments

[Антон]

Но лучше на CSS как у Vlatqa

[Дмитрий Лузанов]

Серьёзно? Юзать jQuery чтобы закастылить стандартный функционал браузера? Совет года, епт. Ничего личного.

[Артур]

Спасибо за ответ Антон, соглашусь с Дмитрием) все что можно сделать родными средствами css html лучше делать на них)