입력 범위가 IE에서는 두 번 나타나지만 다른 브라우저에서는 나타나지 않습니다.

Question

아래 결과를 필터링하기 위해 내 애플리케이션에 입력이 있습니다. 사용자가 각도를 사용하여 문자를 입력하면 결과를 필터링 할 수 있지만 글꼴 멋진 아이콘 인 클릭 가능한 X이 입력 안에 나타나므로 이렇게 지울 수 있습니다. 크롬과 파이어 폭스에서는 잘 동작하지만 (배포하는 동안 렌더링) IE에서는 두 번 나타납니다.

크롬/파이어 폭스 :

Internet Explorer를

cooresponding 코드는 다음과 같습니다

<div class="form-group has-feedback" 
    style="margin: 0"> 
    <input type="text" 
     ng-model="vm.typeFilter" 
     ng-change="vm.updateFilter()" 
     class="form-control" 
     placeholder="Type" 
     style="padding-right:30px;"> 
    <span ng-if="vm.typeFilter" 
     ng-click="vm.typeFilter = ''; vm.updateFilter();" 
     class="fa fa-times fa-lg form-control-feedback" 
     style="cursor: pointer; pointer-events: all; margin-top: 10px;"> 
    </span> 
</div> 

,

크로스 브라우저 개발에 익숙하지 않은 이유는 무엇인지 잘 모릅니다. 범위 밖에서 </input> 태그를 닫으려고 시도했는데 도움이 될지 알 수는 없었습니다. 또한 스팬 이전에 입력을 닫으려고했으나 같은 결과가 나타납니다.

Answer 1

나는이 가끔 드 기본 입력 명확한 기능 IE 함께 할 수있다 제공합니다 의심 :

::-ms-clear pseudo-element

다른 무언가에 fontawesome 클래스를 변경 시도하고 모두 아이콘 변경하는 경우를 참조하십시오. 나는 오른쪽이 바뀌고 왼쪽은 십자가를 유지할 것이라고 생각합니다. 이 경우 실제로 경우

, 해결책 여기를 확인하십시오

https://stackoverflow.com/a/14007839/1295183

.has-feedback>input.form-control::-ms-clear { 
    display: none; 
}