别担心，作为SVG新手，把<style>里的样式转成内联其实很简单，我一步步教你怎么做：

为什么会出现黑白显示的问题？ #

Mapbox Studio不支持SVG中通过<style>标签定义的样式，只能识别直接写在图形元素标签里的内联样式属性，所以原本带颜色的SVG会变成黑白。

具体操作步骤 #

1. 用普通文本编辑器（比如记事本、VS Code、Sublime Text都可以）打开你的SVG文件
2. 找到文件里的<style>标签块，比如类似这样的代码：

<style>
  .my-circle { fill: #2ecc71; stroke: #27ae60; stroke-width: 2; }
  .my-rect { fill: #3498db; }
</style>

3. 提取每个样式规则里的属性（比如fill、stroke、stroke-width这些），然后找到对应使用这些类的图形元素（比如<circle class="my-circle">、<rect class="my-rect">）
4. 把提取到的属性直接添加到图形元素的标签里，替换掉原来的class引用。比如：
   原来的元素：

   <circle class="my-circle" cx="50" cy="50" r="40" />
   

   修改后：

   <circle fill="#2ecc71" stroke="#27ae60" stroke-width="2" cx="50" cy="50" r="40" />
   

   或者也可以用style属性来写（两种方式都兼容Mapbox Studio）：

   <circle style="fill: #2ecc71; stroke: #27ae60; stroke-width: 2;" cx="50" cy="50" r="40" />
   

5. 删掉原来的整个<style>标签块，避免残留样式干扰
6. 保存修改后的SVG文件，再导入Mapbox Studio试试

新手小提示 #

• 如果你的SVG里有很多图形元素，别着急，逐个对应修改就好，确保每个需要颜色的元素都有自己的内联fill（填充色）、stroke（描边色）属性
• 要是不确定哪个样式对应哪个元素，可以先改一个元素测试，确认有效后再批量修改

内容的提问来源于stack exchange，提问作者iskandarblue