IE에서 Input 태그 우측 delete('X") 버튼 없애기

2016. 12. 16. 11:38[개발] 지식/CSS

익스플로러(IE)의 input 태그중 text 속성을 가지는 입력폼에 값이 들어가 있을 경우 우측에 텍스트를 모두 삭제하는 버튼이 생성됩니다. X 모양의 이 버튼을 클릭하면 입력된 텍스트가 삭제되는데 이를 컨트롤 하기 위해서는 의사선택자(pseudo selector)를 사용해야 합니다.

<style>
input[type=text]::-ms-clear {
display:none;
}
</style>

참고로 아래처럼 콜론 두개를 사용한 것보다 하나를 사용하는 것이 호환성 측면에서 우수하다고 합니다.
input[type=text]:-ms-clear {

}


<