无法覆盖 chromecast 图标的 jwplayer css 样式

【问题标题】：Cannot override jwplayer css styles for chromecast icon无法覆盖 chromecast 图标的 jwplayer css 样式
【发布时间】：2018-10-24 13:49:48
【问题描述】：

我想将 JWPlayer 皮肤中的 chromecast 图标设置为某种颜色，在检查器中，我可以看到需要覆盖的样式是：--connected-color 和 disconnected-color。

但是，无论是在 css 中还是通过 jquery，我都不能覆盖这些颜色。有什么想法吗？

【问题讨论】：

【解决方案1】：

不确定这些是否是类，看起来它们是属性所以使用attributes selectors：

[--connected-color] {
    // your css values here
}

[disconnected-color] {
    // your css values here
}

或者你可以在docs :D 中找到你需要的东西

【讨论】：

--connected-color 本身是一个样式，而不是一个类，我想将以下代码放入我的 sass 文件中，但它不会编译：.jw-icon-cast button --connected-color: green;

【解决方案2】：

如果您使用的是 CSS 预处理器，例如 SASS 或 SCSS，请确保您的 linter 是最新的！有时这会导致 CSS 无法正确编译。

【讨论】：