JavaScript无法提取引号css属性

Question

在我的样式表中，我定义了一些自定义引号 [https://developer.mozilla.org/en-US/docs/CSS/quotes]，但是当我尝试使用 JavaScript 访问它们时，它给了我默认值，尽管它存在于实际的 CSS 中；任何想法将不胜感激：

>> document.getElementById('-my-widget-style')
 <style id="-my-widget-style" type="text/css" media="all">...</style>

>> document.getElementById('-my-widget-style').innerHTML
 " .-my-widget-wrapper #content {
   quotes: "<<" ">>";
 }
 "

>> document.getElementById('content').style.quotes
 ""

>> $('#content').css('quotes')
 ""

Answer 1

style 属性直接获取样式属性中元素上设置的样式。如果在此处设置了自定义引用属性，您将只能取回它，而不是从样式表中取回。

 <div id="content" style="quotes:...">...</div>

编辑：请参阅 cmets 进行进一步讨论。似乎这可能是 webkit 的问题。