Javascript 如何将样式应用于<；HTML>；元素？

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

注意：
它必须应用于

元素，而不是

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>

html{
滚动条箭头颜色：橙色；
滚动条基色：黑色；
滚动条暗影颜色：黑色；
滚动条轨迹颜色：灰色；
滚动条面颜色：黑色；
滚动条阴影颜色：银色；
滚动条突出显示颜色：银色；
scrollbar-3d-light-color：银色；
}

您可以使用

addClass

方法：

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

---

其中aClass是应该添加到

html

标记的类的名称。

没关系，实际上它非常简单：

$('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>

函数SetScrollbarStyle（）
{
使用（document.frmCustomize）
{
var strStyle='滚动条箭头颜色：'+arrow.value+'；'+“\n”+'滚动条基色：'+base.value+”；\n“+'滚动条暗影颜色：'+darkshadow.value+”；\n“+'滚动条轨迹颜色：'+track.value+”；\n“+'滚动条面颜色：'+face.value+”；\n”+'滚动条阴影颜色：'+shadow.value+“；\n”+'滚动条高亮显示颜色：'+highlight.value+“；\n”+'滚动条-3d-light-color:'+light.value+“；”；
code.value=''+'\n'+'html{'+'\n'+strStyle+'\n}'+'\n'+'+'+'\n；
//$（'body'）.css（'background-color'，'#ff0000'）；
//$（'body'）.css（strStyle）；
//$（'body'）.attr（'style'，strStyle）；
$（'html'）.attr（'style'，strStyle）；
}
}

其中SetScrollbarStyle是从表单按钮onclick事件调用的。

简单

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

或

或者，您可以在某些类中定义样式，并使用

addClass

方法，如

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

---

滚动条颜色？很久没有看到这些属性了。你可以使用html作为选择器-$（“html”）你知道滚动条属性只在IE和（我想）Opera中工作，并且不是有效的CSS吗？@Rob:我知道。有关webkit版本，请参见此处：；）你假设我有这样一个预定义的类。可能是我的错误，我应该说我是使用用户输入表单用JavaScript生成样式的，所以它不是预定义的，而是可自定义的。@是的，在这种情况下，您可以使用

css

方法。我想设置一个完整的样式字符串（参见我的答案），而不是每个元素本身。但这无疑是可行的。如果我没有输出样式字符串，那么它将是更好的解决方案。无论如何，+1:）

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