Как сделать полосу прокрутки Jquery-подтверждения шире?

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 переполнения, но это просто делает панель видимой или нет.Любая идея о том, как заставить его быть шире?

Скрипка для игры.

Заранее спасибо,

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;
}