Question

我在我的页面上使用标准的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

Answer 1

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

如果您使用开发工具在Chrome中检查页面，您会看到橙色的属性吗？它可能是默认主题中内置的东西，您不会超越或正确更改。我认为您可能需要将边框颜色应用于.md-input-container和.md-input

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

1 个答案: