iframe のスクロールバーのスタイルを設定するには？

スクロールバーのスタイルを Iframe に適用するには、CSS スタイルを使用できます。一般的な方法は次のとおりです。

1. まず、CSS セレクタで選択できるように、iframeにクラス名またはIDを追加します。たとえば、iframeにクラス名「custom-scrollbar」を追加します:

<iframe class="custom-scrollbar" src="yourpage.html"></iframe>

1. CSSで::-webkit-scrollbar 擬似要素セレクタを使ってスクロールバーの選択とスタイルの指定を行う

.custom-scrollbar::-webkit-scrollbar {
width: 8px;  /* 设置滚动条的宽度 */
}
.custom-scrollbar::-webkit-scrollbar-track {
background-color: #f1f1f1;  /* 设置滚动条轨道的背景颜色 */
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: #888;  /* 设置滚动条的颜色 */
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background-color: #555;  /* 设置鼠标悬停时滚动条的颜色 */
}

1. これでiフレームのスクロールバーのスタイル設定は完了です。スクロールバーの幅、色、その他のスタイルは必要に応じて調整します。

WebKitエンジンを使用しているブラウザ（Chrome、Safariなど）でのみ有効な方法のため、それ以外のブラウザでは、独自のCSSスタイルを使用してスクロールバーのスタイルを設定する必要がある場合があります。