md-datepickerはEdgeとIE 11側のスクロールバーを表示します

私のページに標準のmd-datepickerを使用しています。すべてのブラウザで正常に動作しますが、IE11とEdgeでは、右に表示される奇妙なスクロールバーです。md-datepickerはEdgeとIE 11側のスクロールバーを表示します

下記のスクリーンショットをご覧ください。ここで

は私のコードです：

HTML：

<div id="myDatepicker" layout="column" ng-cloak> 
    <md-content> 
    <md-datepicker 
     ng-model = "myDate" 
     md-placeholder = "Enter date" md-hide-icons="triangle"> 
    </md-datepicker> 
    </md-content> 
</div>

JS：

$scope.myDate = ""; 
this.isOpen = false;

はCSS：

.md-default-theme .md-datepicker-input-container, .md-datepicker-input-container { 
    border-bottom-color: white; 
} 

.md-default-theme .md-datepicker-input, .md-datepicker-input { 
    color: #1797c0; 
} 

#myDatepicker .md-datepicker-calendar-icon { 
    color: #1797c0; 
}

また、プレースホルダの下にオレンジ色の線があります。これは、上記のCSSで白に変更しようとしましたが、なぜ適用されないのかわかりません。

リンク - IE 11 - scrollbar on the right of datepicker

リンク - Edge - scrollbar on the right of datepicker

出典

2017-12-01 sva