Question

问题：如何通过JavaScript应用此样式？
jQuery也欢迎:)

注意：
它必须应用于<HTML>元素，而不是document.body元素否则它不起作用。

<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>

Answer 1

您可以使用addClass方法：

$(document).ready(function(){
   $('html').addClass('aClass')
   // or $('html').css('property', 'value')
})

其中 aClass 是应添加到html标记的类的名称。

Answer 2

没关系，实际上它很简单：

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

完整示例：

<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>

从表单按钮onclick事件调用SetScrollbarStyle。

Answer 3

简单

$(document).ready(function(){
  $('html').css({
    "scrollbar-arrow-color":"Orange",
  });
});

或

$(document).ready(function(){
  $('html').css({
    "scrollbar-arrow-color","Orange",
  });
});

或者您可以在某些类中定义您的样式并使用addClass方法，如;

$(document).ready(function(){
   $('html').addClass('your_class');
});

如何将样式应用于元素？

3 个答案: