在网页开发过程中，经常需要使用iframe（内嵌框架）来显示其他网页或网页内部的内容。但是，iframe的滚动条样式有限，不够美观，因此我们需要自定义iframe的滚动条样式。本文将介绍如何在iframe中添加自定义滚动条。

1. 原生iframe滚动条

首先，我们来看一下原生的iframe滚动条。在一个页面中嵌入一个iframe，其默认形式如下图所示：


我们发现，iframe里面有两个滚动条，一个是垂直滚动条，一个是水平滚动条，它们的样式都是由浏览器决定的，我们无法对其进行自定义。

2. 自定义滚动条外观

为了实现自定义滚动条，我们可以在iframe中添加一个父容器，然后使用JavaScript/CSS来实现滚动条的自定义样式，这样就可以改变iframe内部的滚动条样式。

首先，我们需要添加一个父容器：

```html