如何让 Jquery-Confirm 的滚动条变宽？

Question

我正在尝试使滚动条更宽，因为当有很多内容要向下滚动时，默认滚动条确实不方便单击和移动得更快。假设您实例化一个确认：

var self = this;

$.confirm({
    title: "This is the title",
    columnClass: 'col-md-12',
    useBootstrap: true,
    backgroundDismiss: false,
    content: getHtml(),
    defaultButtons: false
});

然后你在上面加载大量内容：

getHtml = function()
{    
    html = "";

    for (var i = 3000 - 1; i >= 0; i--)
    {
        html += "<span>demo</span><br>"
    }

    return html
}

使用Google Chrome后，滚动条会显得很细，用鼠标拖动滚动条时需要非常精确。对有些人来说，这很难做到。

我尝试通过更改溢出 CSS 属性，但这只会使栏可见或不可见。知道如何让它变宽吗？

A fiddle to play with.

提前致谢，

Answer 1

对于 Chrome，您可以在内容为

的元素上使用此 css 样式

selector_of_the_element::-webkit-scrollbar {
  width: 30px;
}

Answer 2

Jquery 确认样式表中的具体 class 是：

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
  width: 3px;
}

将其设置为您喜欢的自定义样式以覆盖。

如何让 Jquery-Confirm 的滚动条变宽？

How to make the scrollbar of a Jquery-Confirm wider?

javascript

css

jquery

jquery-confirm