访问 mozilla 特定的 CSS 属性 of #titlebar (chrome) "--chrome-background-color" in javascript

Question

您如何访问 CSS 属性 --chrome-background-color 的值，该值是在来自 javascript?

我尝试了变体：

document.getElementById( 'titlebar' ).style.backgroundColor // undefined document.getElementById( 'titlebar' ).style['--chrome-background-color] // undefined

Answer 1

这有效：

window.getComputedStyle( document.getElementById('titlebar') ).getPropertyValue( '--chrome-background-color' )

发件人：Get a CSS value with JavaScript

教训：不要仓促 + 它适用于特定于 mozilla 的 chrome 元素。