如何強制 WebKit 重新繪製並套用樣式變更？

強制WebKit 重繪以應用樣式變更

在某些情況下，JavaScript 樣式變更可能無法在Chrome 和Safari 等WebKit 瀏覽器中傳播。當操作元素的類別或樣式時，尤其是受影響的元素共享父級和兄弟級關係時，可能會發生這種情況。

為了解決這個問題，可以採用解決方法來強制 WebKit 執行重繪或重繪，從而傳播風格的變化。名為Vasil Dinkov 的用戶發現了一個簡單的hack，涉及切換受影響元素的顯示屬性：

sel.style.display='none';
sel.offsetHeight; // no need to store this anywhere, the reference is enough
sel.style.display='';

透過暫時隱藏元素然後再次顯示它，此程式碼強制WebKit 重新繪製元素，確保應用樣式變更。請注意，據報道，此解決方案對於“塊”等樣式有效。建議進一步測試以確定其對其他樣式類型的適用性。

以上是如何強制 WebKit 重新繪製並套用樣式變更？的詳細內容。更多資訊請關注PHP中文網其他相關文章！