更改svg对象的填充和描边

Question

我有一个对象将svg图像添加到我的页面但是当我尝试更改它的颜色时，它不起作用。当在页面中包含svg本身时它工作正常，但由于它长达2300行，所以它不是一个可行的选择。

<object type="image/svg+xml" data="assets/images/logos/brand-logo.svg" class="site-footer__lower__logo">Your browser does not support SVG</object>

css：

.site-footer__lower__logo {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
 .site-footer__lower__logo {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 0;
   margin-top: 0;
   fill: #eee;
   stroke: #ccc;
 }
}

我读到的每个地方都说这是通过object标签更改SVG颜色的方法。那怎么会不起作用呢？