QWebEnginePage滚动条样式美化

QWebEnginePage 是 Qt 提供的一个 WebEngine 页面类，它可以用于在 Qt 应用程序中嵌入 Web 页面。要美化 QWebEnginePage 的滚动条样式，可以使用 CSS 样式表来控制。具体步骤如下：

1. 在 HTML 文件中引入 CSS 样式表，并在 CSS 中定义滚动条的样式，例如：

/* 定义滚动条样式 */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #f2f2f2;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

2. 在 C++ 代码中加载 HTML 文件，并将 CSS 样式表应用到 QWebEnginePage 上，例如：

// 加载 HTML 文件
QUrl url = QUrl::fromLocalFile("index.html");
m_webView->load(url);

// 应用 CSS 样式表
QString css = "::-webkit-scrollbar { width: 10px; } "
              "::-webkit-scrollbar-track { background-color: #f2f2f2; } "
              "::-webkit-scrollbar-thumb { background-color: #ccc; } "
              "::-webkit-scrollbar-thumb:hover { background-color: #aaa; }";
m_webView->page()->runJavaScript(QString("var style = document.createElement('style'); style.innerHTML = '%1'; document.head.appendChild(style);").arg(css));

这样，就可以美化 QWebEnginePage 的滚动条样式了。需要注意的是，滚动条样式可能会因不同的浏览器内核而有所不同，需要根据实际情况进行调整。