有什么方法可以在2019年使用纯CSS在IE11中删除滚动条箭头？ （没有JavaScript）

Question

有什么方法可以在2019年使用纯CSS在IE11中删除滚动条箭头吗？

IE11似乎有一些自定义滚动条的选项，但似乎根本没有办法隐藏箭头。问这个问题以确认。

这是一个小提琴（在IE11中启动以查看）https://jsfiddle.net/0u2a1zco/1/

我添加了这些随机样式，但令人讨厌的是它们不会删除箭头：

 body{
  scrollbar-base-color: green;
  scrollbar-face-color: black;
  scrollbar-3dlight-color: blue;
  scrollbar-highlight-color: yellow;
  scrollbar-track-color: grey;
  scrollbar-arrow-color: orange;
  scrollbar-shadow-color: brown;
  scrollbar-dark-shadow-color: cyan;
}

仅供参考，我没有在寻找使用JS的自定义滚动条库。所有这些都由小型团队支持，并且存在很多错误。

Answer 1

我有同样的问题。据我所知，不可能摆脱滚动条。

我的解决方案是将主体设置为固定

body {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

Answer 2

似乎没有合适的方法使用纯CSS来满足您的要求。

我也尝试过使用这些插件，正如您所说的那样，可能会有一些问题。

但是我有一种解决方法可以隐藏整个滚动条。

我们不仅可以隐藏箭头，还可以隐藏滚动条。

您可以添加：

    body {
        -ms-overflow-style: none;
    }