有没有办法覆盖 Olark css？答案

【问题标题】：Is there a way to override Olark css?有没有办法覆盖 Olark css？
【发布时间】：2018-10-05 04:01:07
【问题描述】：

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

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

顺便说一句，我在 Rails 上使用 ruby。

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

<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>

【问题讨论】：

标签： javascript css ruby-on-rails jsonp

【解决方案1】：

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

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

注意：宽度/高度只是示例，请随意使用任何其他字段。

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

【讨论】：