1

问题：如何通过 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>
4

3 回答 3

3

您可以使用以下addClass方法：

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

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

于 2012-08-09T10:10:00.703 回答
0

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

$('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 的位置。

于 2012-08-09T10:19:24.290 回答
0

简单的

$(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');
});
于 2012-08-09T10:21:42.997 回答