如何更改已停靠和未停靠的桌面小工具的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元素（因此，小工具本身），则在切换样式表时不应用该样式 - 您必须设置体宽和高度分开。