Как с помощью css можно обнулить значение placeholder в input type="text" при :focus {}?
"Обнулить" - никак. Можно сделать невидимым:input:focus::placeholder {
  color: transparent;
}
можно  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;
    }