Home/ Questions/Q 8357945
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T10:38:51+00:00

Question: How do I apply this style via JavaScript ? jQuery also welcome :)

  • 0

Question: How do I apply this style via JavaScript ?
jQuery also welcome 🙂

Note:
It must be applied to the <HTML> element, not the document.body element.
Otherwise it doesn’t work.

<style type="text/css">
html {
scrollbar-arrow-color: Orange;
scrollbar-base-color: Black;
scrollbar-dark-shadow-color: Black;
scrollbar-track-color: Gray;
scrollbar-face-color: Black;
scrollbar-shadow-color: Silver;
scrollbar-highlight-color: Silver;
scrollbar-3d-light-color: Silver;
}
</style>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Never mind, actually it’s dead simple:

    $('html').attr('style', strStyle);

    Full example:

    <script type="text/javascript" language="javascript">
    function SetScrollbarStyle() 
    {

        with (document.frmCustomize) 
        {
            var strStyle = 'scrollbar-arrow-color: ' + arrow.value + ';' + "\n" + 'scrollbar-base-color: ' + base.value + ";\n" + 'scrollbar-dark-shadow-color: ' + darkshadow.value + ";\n" + 'scrollbar-track-color: ' + track.value + ";\n" + 'scrollbar-face-color: ' + face.value + ";\n" + 'scrollbar-shadow-color: ' + shadow.value + ";\n" + 'scrollbar-highlight-color: ' + highlight.value + ";\n" + 'scrollbar-3d-light-color: ' + light.value + ";";
            code.value = '<style type="text/css">' + "\n" + 'html {' + "\n" + strStyle + "\n}" + "\n" + '</style>' + "\n";
            //$('body').css('background-color', '#ff0000');
            //$('body').css(strStyle);
            //$('body').attr('style', strStyle);
            $('html').attr('style', strStyle);
        }

    }
</script>

    Where SetScrollbarStyle is called from a form-button onclick event.

    • 0