iframe 滚动条 css

Question

如何更改滚动条css的iframe？

我的 iframe 中当前滚动条的问题是框架不是很宽，并且滚动条在其中显得很大并且占用了太多空间。

使用"scrolling="no"会使滚动条消失，但用户无法滚动。

顺便说一下，我的浏览器是 Google Chrome。

Answer 1

这是在 chrome 中更改 iframe 中滚动条的 css

body   {
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;
}
html {
  overflow-y: auto;
  background-color: transparent;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    display: none; 
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
    height: 30px;
    background-color: transparent;
}
::-webkit-scrollbar-track-piece  {
    background-color: #3b3b3b;
   -webkit-border-radius: 16px;
}
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #666;
    border: 1px solid #eee;
    -webkit-border-radius: 6px;
}