[解決済み] フレームスクロールバー css

質問

を変更するには、どうすればよいのでしょうか？ css の iframe スクロールバー？

現在のiframeのスクロールバーの問題は、フレームがあまり広くないため、スクロールバーがフレーム内でかさばり、スペースを取りすぎることです。

使用方法 "scrolling="no" を使うとスクロールバーが消えますが、その場合、ユーザーはスクロールできません。

ちなみに、私のブラウザはGoogle 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;
}