Voor Chrome

Select All Info
<style> /* Scrollbars voor Chrome */ ::-webkit-scrollbar { width: 15px;} /* Track */ ::-webkit-scrollbar-track {background: #55482b;} /* Handle */ ::-webkit-scrollbar-thumb { background: #e4deca; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover {background: #555;} </style>

Voor Firefox

Select All Info 2 
/* De tweede kleur is voor de track (hele balk) */ :root{ scrollbar-color: #e4deca #55482b !important; scrollbar-width: 15px !important; }

Details: (Chrome)

Select All Codes 
scrollbar-face-color: #ff8c00; scrollbar-track-color: #fff8dc; scrollbar-arrow-color: #ffffff; scrollbar-highlight-color: #fff8dc; scrollbar-shadow-color: #d2691e; scrollbar-3dlight-color: #ffebcd; scrollbar-darkshadow-color: #8b0000;

Textbox (Area)

Select All Info
/* Textarea voor Chrome */ textarea::-webkit-scrollbar { width: 1em; } textarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } textarea::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; }

Select & Copy Textarea voor Firefox
textarea { scrollbar-color: #55482b #fbfbfb !important; scrollbar-width: 10px !important; }