IE input태그에 나오는 X버튼(clear버튼) 제거

크롬에서는 나타나지 않으나 IE에서 input박스에 텍스트를 입력하면 오른쪽에 X버튼이 표시된다.

경우에 따라서는 디자인 상 이 X버튼을 제거해야 하는데 이럴 경우 아래와 같이 CSS를 만들면 된다.

<style type="text/css">

/* 모든 input에 대해 X버튼 제거 */

input[type=text]::-ms-clear {

display: none;

} 

/* class로 특정 input의 X버튼 제거 */

.search2::-ms-clear {

display: none;

} 

</style>

<input type="text" name="test1" class="search1">

<input type="text" name="test2" class="search2">