JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>

    </head>
    <body>
        <div id="div1" style="width: 200px; height: 200px;" >
            1234 34234242342343242342343 324234234234234234324234324 2343242342432432423423
            <br/>
            4567  
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 1234 
            <br/>
            4567 1234 
            <br/>
            4567 1234 
            <br/>
            4567 1234 
            <br/>
            4567 1234 
            <br/>
            4567 1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 1234 
            <br/>
            4567 1234 
            <br/>
            4567 1234 
            <br/>
            4567 v1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
            <br/>
            4567 
            1234 
           ...

JavaScript

$(document).ready(function () {
    $('#div1').css({ overflow: 'auto', 'scrollbar-3dlight-color': 'red', 
                              'scrollbar-darkshadow-color': 'red' });
    // 'scrollbar-3d-light-color' and 'scrollbar-dark-shadow-color' work fine

    with (document.getElementsByTagName('body')[0].style) {
                            borderStyle = "none";
                            scrollbarBaseColor = "#a5acb5";
                            scrollbarArrowColor = "#3b3b3b";
                            scrollbarFaceColor = "#e9edf1";
                            scrollbarHighlightColor = "#e9edf1";
                            scrollbarShadowColor = "#e9edf1";
                            scrollbarTrackColor = "#e3e8ed";
                            //scrollbar3dLightColor = "#a5acb5";
                            //scrollbarDarkShadowColor = "#a5acb5";
                        }
});