css - 用css隐藏滚动条不适用于chrome

Question

我正在尝试使用 css 隐藏滚动条，但它适用于 firefox，但在 Chrome 中，滚动条仍然存在

.tests-container{
    @media (min-width: 1025px) {
        max-height: 600px;
        overflow-y: scroll;
        :-webkit-scrollbar{
            display: none;
        }
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    
}

标签： cssgoogle-chrome

Answer 1

我还没有在课堂上看到媒体查询，所以我会改成这个

@media (min-width: 1025px) {
  .tests-container {
      max-height: 600px;
      /* overflow-y: scroll; */

      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
  }
  
  .tests-container::-webkit-scrollbar {
    display: none;
  }
}