md-datepicker 在 Edge 和 IE 11 的侧面显示滚动条答案

【问题标题】：md-datepicker shows scrollbar on the side on Edge and IE 11md-datepicker 在 Edge 和 IE 11 的侧面显示滚动条
【发布时间】：2017-12-01 20:00:03
【问题描述】：

我在我的页面上使用标准的 md-datepicker。它在所有浏览器上运行良好，但在 IE11 和 Edge 上，右侧显示一个奇怪的滚动条。

请在下面找到屏幕截图。

这是我的代码：

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

【问题讨论】：

标签： javascript html css datepicker angular-material

【解决方案1】：

如果由于某种原因导致 md-datepicker 的高度有问题，则将 overflow: hidden; 添加到 md-datepicker CSS 可能会解决。如果没有在 JSFiddle 或类似中看到它，很难确定。

如果您使用开发工具在 Chrome 中检查页面，您能看到橙色的属性吗？这可能是您没有覆盖或正确更改的默认主题中内置的内容。我认为您可能需要为.md-input-container 和.md-input 应用边框颜色

【讨论】：