如何更改停靠和未停靠的桌面小工具的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元素（正是如此，小工具本身），當樣式表切換那種風格不適用 - 你必須設置的車身寬度和高度分開。