如何使用CSS / JavaScript修改第三方小部件？

Question

我有一个正在使用的第三方JavaScript小部件，希望修改其样式，但是当我尝试将基本代码放入style.css文件中时，它不会将我想要的更改应用于小部件。如何使用CSS / JavaScript修改第三方小部件上的样式？

小部件代码如下：

(function(d, w, c) {
    w.ID = 'xxx';
    var s = d.createElement('script');
    w[c] = w[c] || function() {
        (w[c].q = w[c].q || []).push(arguments);
    };
    s.async = true;
    s.src = 'widget.js';
    if (d.head) d.head.appendChild(s);
})(document, window, 'Widget');

和我用来修改的CSS如下：

.logo {
    color: #666666 !important;
    background-color: #ffffff !important;
}