IT Share you

IE10이 텍스트 상자에 삽입하는 지우기 버튼을 비활성화하려면 어떻게해야합니까?

shareyou 2020. 12. 6. 22:17
반응형

IE10이 텍스트 상자에 삽입하는 지우기 버튼을 비활성화하려면 어떻게해야합니까?


포커스가 있고 콘텐츠가있을 때 텍스트 상자에 작은 'x'가 표시되는 Internet Explorer 10의 새로운 기능을 비활성화하려면 어떻게해야합니까?

IE10 지우기 버튼


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

에서는 IE 10+ 입력을 시작하면, 텍스트 입력 (입력 [TYPE = 텍스트), / 클리어 입력 텍스트 값을 제거하기 위해 사용되는 필드의 우측에 (X) 버튼을 나타낸다.

에서는 크롬 , 입력 검색 (입력 [타입 = 검색])과 유사한 버튼을 나타낸다.

IE10 + 및 / 또는 Chrome에서 둘 중 하나를 제거하려는 경우. 아래 스타일을 추가하여 입력에서이 버튼을 숨길 수 있습니다.

실제로 확인하십시오 ... http://codepen.io/sutthoff/pen/jqqzJg

/* IE10+ */
::-ms-clear {
  display: none;
}

/* Chrome */
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration { 
  display: none; 
}

이것이 내가 한 방법입니다

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

input::-ms-clear{
   display:none;
}

이것은 나를 위해 트릭을했습니다.


스타일 및 CSS 솔루션은 페이지가 호환성보기에서 실행될 때 작동하지 않습니다. IE7 이후에 지우기 버튼이 도입 되었기 때문에 호환성보기에서 사용 된 IE7 렌더러가 ::-ms-clear를 유효한 스타일 제목으로 보지 못하기 때문이라고 가정합니다.

참고 URL : https://stackoverflow.com/questions/13481577/how-can-i-disable-the-clear-button-that-ie10-inserts-into-textboxes

반응형