Как изменить скролл?

[KGB1st]

Я создал блок в котором использую overflow но строка прокрутки там получается стандартная. Как изменить её на ту которая по умолчанию используется в phpbb, например в блоке

Код: Выделить всё

[Anvar]

В phpbb стандартная используется, стиль зависит от браузера.

[KGB1st]

KGB1st_d01112015_t141331_shot6.jpg (9.77 КБ) Нет просмотров

KGB1st_d01112015_t141307_shot5.jpg (3.89 КБ) 677 просмотров

Я бы не спрашивал бы просто так, видимо есть разница?

[LavIgor]

Здесь разве такая же?

Код: Выделить всё

Текст
Строка1
Строка2
Строка3
Строка4
Строка5
Строка6
Строка7
Строка8
Строка9
Строка10
Строка11
Строка12
Строка13
Строка14
Строка15

Скорее всего, на том ресурсе, откуда Вы взяли скриншот, полоса прокрутки, действительно, отличается.
Поэтому можно посмотреть, как полоса прокрутки сделана там, и применить тот же стиль к своему блоку.

[xaocZ]

Здесь разве такая же?

Такая же, но только в хроме.

Конец content.css:

Код: Выделить всё

/* Show scrollbars for items with overflow on iOS devices
----------------------------------------*/
.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	-webkit-appearance: none;
	background: rgba(0, 0, 0, .1);
	border-radius: 3px;
}

.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .3);
	border-radius: 3px;
}

Можно добавить сюда класс своего блока, по примеру уже добавленных, либо написать по новой, если стили для своего блока прописаны в каком-то другом файле:

Код: Выделить всё

.my-block::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	-webkit-appearance: none;
	background: rgba(0, 0, 0, .1);
	border-radius: 3px;
}

.my-block::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .3);
	border-radius: 3px;
}

[KGB1st]

СПАСИБО)

[KGB1st]

что то перестало работать в Firefox
Нашел http://codemug.com/html/custom-scrollbars-using-css/

[Sumanai]

что то перестало работать в Firefox

Оно там, слава Богу, никогда и не работало.

[KGB1st]

работало...

Отправлено спустя 15 секунд:
но они почему то его снова выключили

Отправлено спустя 21 секунду:
это уже не первый раз

[Sumanai]

Свойства CSS с префиксом webkit- никак не могли работать в FF. Да и сейчас по умолчанию не работают.