如何调整WebEngineView中滚动条的宽度

Question

我使用的是QML组件WebEngineView，据观察，滚动条默认在WebEngineView中实现，但没有更改滚动条宽度的接口。这在我不能使用滑动的用例中是必需的，我只能在WebEngineView的滚动条上使用鼠标拖动操作，以便查看长度在查看端口区域之外的所有隐藏部分的web内容。由于WebEngineView的滚动条大小(默认值非常小，为15像素)，因此很难在区域上精确拖动并使用鼠标拖动。

有人能建议如何自定义WebEngineView的滚动条吗？

或

我可以找到网络引擎的源代码，然后根据目的进行修改和构建吗？

或

任何样式都可以应用于WebEngineView？

我正在使用Qt 5.6.2

Qt Webengine源代码观察：QML Webengineview内部没有设置任何滚动条宽度，而是使用可能是chrome的后端滚动条。

Answer 1

WebEngineView使用来自Chromium后端的滚动条，并且没有QML或C++API来直接自定义它。然而，WebEngine支持在CSS中更改这些滚动条样式，所以你唯一能做的就是安装一个用户脚本，在所有的webkit滚动条上应用更大的宽度。

请参阅此相关示例：http://doc.qt.io/qt-5.10/qtwebengine-webenginewidgets-stylesheetbrowser-example.html

您的样式表可能如下所示：

::-webkit-scrollbar {
width: 40px;
}