入力スパンは、私は以下の結果をフィルタリングするための私のアプリケーションに入力を持っている他のブラウザ

Question

IEに二度現れなく。すべての文字でのユーザーの種類たら、結果をフィルタリングするために、角使用していますが、クリック可能なX、フォント素晴らしいアイコンである、彼らはそのようにクリアすることができますので、入力の内側に表示されます。 ChromeとFirefoxではうまく動作しますが（展開中のレンダリング）、IEでは2回表示されます。

クローム/ Firefoxの：

の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>タグをスパン外に閉じようとしましたが、それが役立つかどうかはわかりません。また、スパンの前に入力を閉じようとしましたが、同じ結果になりました。私は、これはデ・デフォルト・入力明確な機能をIEに関係している疑いがある

Answer 1

は時々提供：

::-ms-clear pseudo-element

は何か他のものにfontawesomeクラスを変更してみてください、両方のアイコンが変化するかどうかを確認します。私は右のものだけが変わると思っていますが、左のものは十字架のままです。

これは確かにそうであるならば、解決のためにここをチェック：

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

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