CSS placeholder focus 시 감추기

input, textarea 태그에 적용 가능한 placeholder 옵션은 internet explorer 경우 focus 시 글자가 바로 사라지지만 다른 웹 브라우저에서는 그렇지 않다.

적용 방법

focus 될 때 color 를 transparent, 투명하게 하면 같은 효과를 낼 수 있다.

.html

<input placeholder="input tag">

.css

/* Chrome, Firefox, Opera, Safari 10.1+ */
input:focus::placeholder{
    color:transparent;
}

/* Edge */
input:focus::-ms-input-placeholder{
    color:transparent;
}