Question

无论现在我的风格如何，我都无法使用Bootstrap 4以我想要的颜色显示固定顶部导航栏中的图标。我尝试了填充/颜色属性：

<script src="static/js/bootstrap.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css" />
<nav class="navbar navbar-expand-sm navbar-dark fixed-top bg-dark">
   <div class="navbar-brand">
      <img style="fill:white; width:32px; height:32px;" src="static/images/si-glyph-disc-upload.svg" />
   </div>

Answer 1

您无法在使用fill标记加载的SVG图像上使用<img>属性。相反，您可以使用CSS过滤器属性更改颜色。

本回答中的示例：https://stackoverflow.com/a/44252082/1115262

否则，您可以将图片嵌入为内联SVG：img src SVG changing the fill color

Bootstrap4 navbar / navbar-brand和SVG

1 个答案: