как изменить такие значения стилей типа ::-webkit-xxxxxx?
 

Допустим есть такой CSS

извиняюсь а как к нему обратиться? чтоб поменять значение?

Если только в document.styleSheets найти.

Если это твой код, то меняй стили сменой классов:

<style>
.thick-scrollbar::-webkit-scrollbar {
	width: 24px;
}

.thin-scrollbar::-webkit-scrollbar {
	width: 12px;
}
</style>
<script>
	var classList = element.classList;
	classList.remove('thick-scrollbar:');
	classList.add('thin-scrollbar');
</script>