Input type에 뜨는 X표 표시와 눈 모양 표시를 어떻게 제거하나요?

Question

안녕하세요. 코딩을 하면서 해결안되는 문제가 있어 올립니다.

코딩을 하면 IE, 사파리, 파이어폭스, 오페라, 크롬으로 잘 나오는지 확인하는 과정에서 발견했습니다.

Input type으로 쓴 박스에 X표와 눈동자 모양이 생깁니다. IE에서만요.

다른 브라우저에서는 나타나지도 않고 입력해도 이상이 없는데 유독 IE만 입력하는 순간에 input type 맨 오른쪽에 뜹니다. 어떻게 제거해야 하나요?  

 

Answer 1

다음과 같이 IE 벤더 프리픽스를 적용해 보세요.

input[type=text]::-ms-clear {
   display: none;
   width: 0;
   height: 0;
}
input[type=text]::-ms-reveal {
   display: none;
   width: 0;
   height: 0;
}