Question

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

我正在考虑在X秒后加载脚本并覆盖此脚本加载的CSS文件，但是您可能认为没有办法知道从Olark加载CSS文件需要多少。< / p>

我正在使用ruby on rails btw。

感谢您的帮助，谢谢。

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

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

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

有没有办法覆盖Olark css？

1 个答案: