Internet Explorer 10 Windows 8 텍스트 입력 및 암호 작업 아이콘 제거

Internet Explorer 10 Windows 8 텍스트 입력 및 암호 작업 아이콘 제거

---

Windows 8의 Internet Explorer 10에서 고도로 사용자 지정된 웹 응용 프로그램을 테스트하고 있습니다.이 웹 응용 프로그램은 최신 릴리스 언젠가 내 응용 프로그램을 사용할 것입니다. 응용 프로그램의 일부 텍스트 입력 컨트롤에 대한이 샘플 스크린 샷을 형광.

HTML 또는 CSS 내에서 텍스트 및 암호 입력 컨트롤의 오른쪽에있는 작업 아이콘을 제거하는 방법이 있습니까?

시간 내 주셔서 감사합니다.

---

-ms-clear 의사 요소 를 사용합니다 . 그리고 암호 상자에 -ms-reveal 을 사용하십시오.

이렇게해야합니다.

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

---

이 답변 의 이유 때문에 대신 이것을 사용해야합니다 .

/* don't show the x for text inputs */
::-ms-clear {
    width : 0;
    height: 0;
}

/* don't show the eye for password inputs */
::-ms-reveal {
    width : 0;
    height: 0;
}

---

브라우저가 언어 모드에 있지 않은 언어 jeffamaphone의 답변이 작동합니다.

-ms-clear 의사 요소를 사용합니다. 그리고 암호 상자에 -ms-reveal을 사용하십시오.

이렇게해야합니다 :
::-ms-clear {display : none;
}

그러나 브라우저가 날씨에 따라 표시 아이콘이 계속 나타납니다. 이 문제를 해결하려는 경우 <meta http-equiv = "x-ua-compatible"content = "IE = edge"> 태그를 사용하여 브라우저를 IE10 모드로 강제 실행합니다.

---

Internet Explorer 10의 텍스트 필드에서 작업 아이콘을 제거하려는 CSS 유사 요소가 사용됩니다.

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

Internet Explorer 10의 암호 필드에서 작업 아이콘을 제거하려는 CSS 유사 요소가 사용됩니다.

::-ms-reveal
 {
   display: none; 
  }

---

Windows 8 미리보기가 없지만 HTML 및 CSS를 사용하여 사용자 지정 입력 필드를 만들어 보십니까? 어쩌면 시도해보십시오 : http://www.webdesign4me.nl/Knowledge-Base/custom-input-field-using-html-and-css

---

IE10-docmode "standard"에 대한 솔루션은 이전에 게시되었습니다.

우연히 IE10-docmode와는 독립적 인 해결 방법을 찾았습니다. 모든 입력의 너비를 최대 80 픽셀로 변경하여 살 수있는 다음 jquery를 사용하십시오.
$("input[type=text]").width(80);

---

최선의 해결책은 없을 것입니다.

입력 전 :에 빈 배경 이미지를 배치합니다. 더 구체적으로-나는 웹 사이트와 같은 스타일의 내 자신의 명확한 버튼을 가지고 있지만 IE는 자체적으로 밑에 깔았다. 단색 배경이있는 투명 아이콘으로 원본 투명 PNG를 변경했습니다.

다른 브라우저는 차이가 없습니다 IE 지우기 버튼을 차단합니다. 입력하지 않을 때만 작동합니다.

참고 URL : https://stackoverflow.com/questions/10842665/internet-explorer-10-windows-8-remove-text-input-and-password-action-icons