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 {
}
'[개발] 지식 > CSS' 카테고리의 다른 글
background-size : cover / contain (0) | 2017.08.08 |
---|---|
inline-block 으로 했을때 요소간 여백 없애기 (0) | 2017.03.27 |
Img(인라인) 수직정렬 (0) | 2016.12.07 |
list-style - bullet 없애기 (0) | 2016.11.29 |
텍스트 줄바꿈 처리 속성 (0) | 2016.11.03 |
<