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

问：如何通过JavaScript应用此样式？
jQuery的也欢迎:)如何将样式应用于<HTML>元素？

注：
必须应用到<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>

来源

2012-08-09 Stefan Steiger

滚动条颜色？在很长时间内没有看到这些属性。 – animuson 2012-08-09 10:09:05

你可以使用html作为选择器 - $（“html”） – Archer 2012-08-09 10:09:48

你知道滚动条属性只适用于IE和（我认为）Opera和不是有效的CSS？ – Rob 2012-08-09 10:39:58

没关系，其实它的死简单：

$('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从表单按钮onclick事件调用的。

来源

2012-08-09 10:19:24

可以使用addClass方法：

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

其中ACLASS是应该被添加到html标签类的名称。

来源

2012-08-09 10:10:00 undefined

你假设我有这样一个类预先定义。可能是我的错误，我应该说我使用用户输入的形式使用JavaScript生成样式，所以它没有预先定义，它是可定制的。 – 2012-08-09 10:37:29

@Quandary是的，在这种情况下，您可以使用'css'方法。 – undefined 2012-08-09 10:41:02

我想设置一个完整的样式字符串（请参阅我的答案），而不是它自己的每个元素。但这无疑是有效的。如果我不输出风格字符串，那么这将是更好的解决方案。无论如何，+1 :) – 2012-08-09 10:45:06

简单

$(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-09 10:21:42

$（'html'）。css（{xxx}）;不适合我 – 2012-08-09 10:36:19

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

回答

相关问题