Como criar um style da scrollbar no javascript

[se7en]

Pessoa, to mexendo no edge animate e ele suporta somente javascript

quero personalizar a barra de rolagem de uma div (ou do site inteiro) e ta dificil hahah

o codigo que quero criar em java é esse

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 40 50 0px rgba(0,0,0,0.4); 
}
::-webkit-scrollbar-thumb:vertical { 
height: 91px; 
width:21px; 
background: url(https://www.ocf.berkeley.edu/~recycle/RecycleMania/images/loading.gif) no-repeat center; <!-- Cor da barra de rolagem --> 
border-radius: 10px; <!-- Arredondamento da barra de rolagem --> 
}

porem não sei como

tentei fazer minha sym.$("iframe") estilizada mas nada funcionou com o codigo abaixo

sym.$("iframe").css('overflow-x','hidden','scrollbar-face-color','#000000');

ajudem ?

obg