반응형
IE10이 텍스트 상자에 삽입하는 지우기 버튼을 비활성화하려면 어떻게해야합니까?
포커스가 있고 콘텐츠가있을 때 텍스트 상자에 작은 'x'가 표시되는 Internet Explorer 10의 새로운 기능을 비활성화하려면 어떻게해야합니까?
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를 유효한 스타일 제목으로 보지 못하기 때문이라고 가정합니다.
반응형
'IT Share you' 카테고리의 다른 글
대화 상자가 1 초 동안 실행되고 사라집니다. (0) | 2020.12.06 |
---|---|
symfony2 : 캐시 디렉토리를 쓰지 못했습니다. (0) | 2020.12.06 |
JavaScript의 개체에서 값 가져 오기 (0) | 2020.12.06 |
jquery는 첫 번째 요소를 제외한 모든 요소를 제거합니다. (0) | 2020.12.06 |
iOS에서 상태 표시 줄을 숨기는 방법은 무엇입니까? (0) | 2020.12.05 |