时间戳

首页 > 解决方案 > 如何在 Angular JS 中更改 SVG 的颜色

css - 如何在 Angular JS 中更改 SVG 的颜色

问题描述

我在我的代码中使用了 src，当我想激活时，我想更改我使用的 svg 的颜色。HTML：

<img src="../icons/Burgers.svg" class="icon" />

所以我在 icon-menu-bar css 中使用了：

.icon{
fill:red;
}

但 SVG 没有改变。所以主要问题是在我的 html 中更改 svg 颜色，并且 SVG 位于不同的文件中。

标签： cssangularjsangular-ui-bootstrap

解决方案

您可以使用 ng-include 将 svg 元素导入代码，然后从导入的 svg 中选择您的特定元素并更改 css 。例如 ：

<div class="icon svg" ng-include=" '/assets/img/icon.svg' " > </div>

.icon.svg svg {
  fill:red;
}

希望这对您有所帮助。

推荐阅读