如何更改停靠和未停靠的桌面小工具的CSS

Question

制作桌面小工具并希望更改停靠和未停靠的css文件。事实上，我正在改变它的ondock和undock功能，但它并不反映。

Answer 1

通常会有两种样式表，一种用于停靠，一种用于取消停靠，并且只启用其中的一种。最简单的解决方案是附加onDock和onUndock事件。

System.Gadget.onDock = System.Gadget.onUndock = function() { 
    document.styleSheets["docked"].disabled = !System.Gadget.docked; 
    document.styleSheets["undocked"].disabled = System.Gadget.docked; 
} 

注意，如果规则适用高度或宽度body元素（正是如此，小工具本身），当样式表切换那种风格不适用 - 你必须设置的车身宽度和高度分开。