.element::-webkit-scrollbar{display:none} 在 Safari 和 iOS 设备中不起作用

Question

我试图隐藏特定 ul 的滚动条，但想允许水平滚动，我在下面尝试了

.ul::-webkit-scrollbar {
   display:none
}

它适用于除 safari 和 iOS 之外的所有浏览器和设备

Answer 1

我找到了解决办法：

  .my-element::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent; // HERE IS THE TRICK
  }