使用自定義屬性變量時 CSS 屬性不會改變

Question

我對 CSS 很陌生，我正在嘗試制作一個可以使用滑塊更改寬度和高度的按鈕，同時測試我是否可以讓 CSS 變量與 JS 一起使用，但我不能

Javascript：

document.documentElement.style.cssText = "--zoom-button-width: 300"

CSS：

.zoomButton1 { width: var(--zoom-button-width); }

Answer 1

神奇的線：

document.documentElement.style.setProperty('--zoom-button-width', '300px');

Answer 2

好的，所以我發現了問題，盡管我仍然不知道是什么原因造成的。 我正在經歷一些事情，當我刪除這段代碼時，它起作用了。 'document.documentElement.style.cssText = "--top-bar-color: #313440"' 編輯：我將它切換為 'document.documentElement.style.setProperty("--top-bar-color","#313440 ")' 它奏效了。 謝謝你的幫助