underfront.com

IE10에서 Input Box, Clear 버튼 삭제하기

Flava 웹앱을 만들던 도중 Input 박스의 Clear 버튼을 Custom으로 구현해야 하는 일이 생겨 만들었는데, Internet Explorer 10에서는 Touch 환경을 고려한다며.. input[type=text]에도 Clear버튼을 달아놨습니다. (아래와 같이-_-)

ie10_input_clear

나름 사용자 편의를 위한 장치인데 이게 어쩌다 보니 위와 같은 모양이 되어 버렸죠. 게다가 제가 구현하고자 하는 기능과는 달라 삭제하고 싶어 찾아보니 다행이도 아래와 같은 방법이 있더군요.

input[type=text]::-ms-clear{
    display: none;
}

정말 무슨 생각으로 Clear 버튼을 만들었는지 짐작은 되지만 왠지 IE에 많이 데여서 인지 예뻐보이지가 않네요.

참고자료
– Disabling auto clear button in IE10
– ::-ms-clear pseudo-element (Windows)

Leave a Reply

Your email address will not be published. Required fields are marked *

*