使用 Chrome 扩展时访问 CSS 中的本地存储?

Kep*_*ond 1 javascript css google-chrome local-storage google-chrome-extension

有没有办法使用 CSS 从 chrome 扩展选项文件访问本地存储?我可以使用 javascript 设置一个可以在 CSS 中访问的变量,还是本地存储是 javascript 独有的东西?如果是,有没有办法可以在没有本地存储的情况下设置 CSS 选项?

the*_*ect 5

localStorage 只能通过 JS 访问。您无法在 CSS 文件中进行动态查询,因为它们大部分是完全静态的(这已经通过新的 CSS 属性(例如变量等)进行了一些更改),但您仍然无法调用不是导入资源的数据。

在 CSS 中动态设置选项的唯一方法是更改​​ HTML 的状态(更改类名等),或者通过JS动态添加样式表规则,或者通过 JS element.style.prop = 'prop'、.