怎样自定义iframe滚动条，使纵向和横向不同颜色？

要自定义iframe滚动条，可以使用CSS样式来实现。以下是一个示例：

/* 设置纵向滚动条样式 */
iframe::-webkit-scrollbar {
  width: 10px; /* 设置滚动条宽度 */
}

iframe::-webkit-scrollbar-thumb {
  background-color: #333; /* 设置滚动条颜色 */
}

/* 设置横向滚动条样式 */
iframe::-webkit-scrollbar-horizontal {
  height: 10px; /* 设置滚动条高度 */
}

iframe::-webkit-scrollbar-thumb:horizontal {
  background-color: #999; /* 设置滚动条颜色 */
}

上述样式中，`::-webkit-scrollbar`选择器用于设置滚动条的基本样式，`::-webkit-scrollbar-thumb`选择器用于设置滚动条的滑块样式。`::-webkit-scrollbar-horizontal`选择器用于设置横向滚动条的样式，`::-webkit-scrollbar-thumb:horizontal`选择器用于设置横向滚动条的滑块样式。

可以根据需要修改样式中的颜色、宽度和高度等属性来自定义滚动条的样式。