Как с помощью css можно обнулить значение placeholder в input type="text" при :focus {}?

Question

[Кирилл Баженов]

#null:focus {
    что тут написать?
}

Answer 1

[0xD34F]

"Обнулить" - никак. Можно сделать невидимым:

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

Comments

[Кирилл Баженов]

спасибо.

[Кирилл Баженов]

0xD34F у меня ещё тени в инпуте на тексте как-бы их убрать?

[Mikhail Rerberg]

Кирилл Баженов, text-shadow: none

Answer 2

[tyzberd]

можно visibility: hidden;
и с префиксами

input:focus::-webkit-input-placeholder {     
      visibility: hidden;
    }
     input:focus:-moz-placeholder {
      visibility: hidden;
    }
     input:focus::-moz-placeholder {
      visibility: hidden;
    }
    input:focus:-ms-input-placeholder {
     visibility: hidden;
    }