如何使Jquery-Confirm滚动条变宽？

Question

我正在尝试使滚动条更宽，因为默认的滚动条真的不方便点击，当有很多内容需要向下滚动时，移动速度会更快。假设您实例化了一个confirm：

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，滚动条看起来真的很细，当你用鼠标指向滚动条来拖动它时，你需要非常精确。对于一些人来说，这是很难做到的。

我尝试通过更改overflow CSS属性，但这只会使该栏可见或不可见。有没有办法让它变得更宽？

A fiddle to play with.

提前谢谢你，

Answer 1

Jquery Confirm样式表中的特定类是：

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

将其设置为您希望在自定义样式中覆盖的内容。

Answer 2

对于Chrome，您可以在包含内容的元素上使用此css样式

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