Question

我知道其他帖子询问的情况和我一样，但没有一个选项符合我的情况。

我有一个网络应用程序，适用于不同的浏览器，包括IE（8）。

O.S：Windows 7

当客户更改为IE11时，滚动条，SELECT和TEXTAREA元素（也可能是其他元素）消失。正如您在图像上看到的那样，似乎滚动条在那里但是透明。

我已经尝试过我发现谷歌搜索的所有兼容性内容。我试过一个样式表（填充-ms-viewport{width:auto!important}）在互联网选项＆gt;一般＆gt;可访问性...

我们在body中添加了以下样式规则：

body {
    color: #383838;
    background-position: 0px;
    scrollbar-face-color: #910046;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

Answer 1

我已经启动了我的IE11机器，显示：你的箭头是白色的。他们占用空间。使textarea更高显示它们之间的滚动条。这是预期的行为。

这将使箭头可见：

body {
    color: #383838;
    background-position: 0px;
    scrollbar-face-color: #910046;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #910046;
}

这是证明（具有更高的文本区域）：http://codepen.io/anon/pen/MyqVag?editors=1100

这是IE11：

这是IE8：

似乎IE11在箭头后面没有'（sur）face'，而IE8却有。因此scrollbar-face-color: #910046;无法在IE11中的箭头上创建对比度。 Microsoft的这篇文章支持这一点：https://msdn.microsoft.com/en-us/library/ms531157(v=vs.85).aspx

滚动条在IE11中消失了。是否有任何CSS规则可以避免这种情况？

1 个答案: