從用戶樣式表注入css沒有轉換

Question

我已經安裝了一個帶有webpack的構建，其中我的所有css都作爲內聯css注入了頭部，並且在主JavaScript文件加載後創建。

我在頁面加載時發生了很多轉換，我相信這是因爲用戶代理樣式表。

比方說，我有一個黑色的背景顏色的按鍵，默認情況下，背景顏色開始在白色和動畫爲黑色，當我有：

button { 
    transition: all 0.4s ease; 
    background-color:black; 
} 

有沒有辦法從阻止瀏覽器從默認樣式表過渡？

Answer 1

如果您向正文添加了類名稱，例如.no-transition會怎樣。

包括在你的文檔的CSS是這樣的： body.no-transition * { transition:none !important; }

希望這將覆蓋所有即將被加載到頁面的轉換。

將您的css插入頭部後，使用javascript或jquery從body標籤中刪除.no-transition類。