javascript - 有没有办法覆盖 Olark css？

Question

我正在使用 Olark 聊天，但似乎设计定制是有限的，例如我想更改背景颜色。这是加载 Olark 聊天框的脚本。

我正在考虑类似在 X 秒后加载脚本并覆盖此脚本加载的 CSS 文件的事情，但正如您可能认为的那样，没有办法知道从 Olark 加载 CSS 文件需要多少时间。

顺便说一句，我正在使用 ruby​​ on rails。

如果有任何帮助，我将不胜感激。

<script type="text/javascript" async> ;
(function(o,l,a,r,k,y){
    if(o.olark)return;
    r="script";
    y=l.createElement(r);
    r=l.getElementsByTagName(r)[0];
    y.async=1;
    y.src="//"+a;
    r.parentNode.insertBefore(y,r);
    y=o.olark=function(){
        k.s.push(arguments);k.t.push(+new Date)
    };
    y.extend=function(i,j){y("extend",i,j)};
    y.identify=function(i){y("identify",k.i=i)};
    y.configure=function(i,j){y("configure",i,j);
    k.c[i]=j};
    k=y._={s:[],t:[+new Date],c:{},l:a};
})
(window,document,"static.olark.com/jsclient/loader.js");
</script>

Answer 1

是的，有办法。在您的 CSS 文件中创建一个新的规则集，如下所示:

#olark-wrapper .olark-launch-button {
      width: 60px !important;
      height: 60px !important;
}

Note: width/height are just examples, feel free to use any other fields.

此规则集名称由您上面提到的脚本生成。但是，我不相信您可以更改背景颜色(即 background-color: aqua;)。但 Olark 在其网站上提供了更改聊天图标颜色的选项。