[CSS] Problema scrollbar

Ciao, vorrei applicare uno stile personalizzata alla scrollbar di una pagina come mai il seguente codice non ha funzionato?

Codice HTML:

---

<style>
body, html{
::-webkit-scrollbar-arrow-color: #undefined;
::-webkit-scrollbar-track-color: #undefined;
::-webkit-scrollbar-face-color: ##09f;
::-webkit-scrollbar-highlight-color: ##0bf;
::-webkit-scrollbar-3dlight-color: ##0bf;
::-webkit-scrollbar-shadow-color: #undefined;
::-webkit-scrollbar-darkshadow-color: #undefined;
}
</style>

---

Non funziona, perché lo metti interno alle parentesi graffe, va messo esterno

esempio:

Codice:

---

::-webkit-scrollbar {background-color:transparent;
width:5px;
}

::-webkit-scrollbar-thumb {background-color:#9A9A9A;
border-radius:5px;
}

---