html - 全局禁用滚动条，但在特定元素上启用

Question

是否可以在站点上全局禁用 css 滚动条，但在特定元素上启用，例如自定义选择菜单？

以下代码只是在.select 元素上显示空白

我也尝试了不同的 !important 选项

body, html
  ::-webkit-scrollbar
    display: none
    -webkit-appearance: none
  ::scrollbar
    display: none

  div.select::-webkit-scrollbar
    display: block !important
    opacity: 1 !important
    width: 10px
    // -webkit-appearance: block
  div.select::scrollbar
    display: block !important
    opacity: 1 !important
    width: 10px

代码笔 http://codepen.io/dpmango/pen/gLNpre

Answer 1

您可以使用以下 css 来禁用滚动条:

    html,body{
       overflow:hidden;
   }

但对于您可以使用的选择元素:

 .select{
   overflow:auto;
  }