如何修改组成SVG栅栏的方格线条的颜色

• 直接修改SVG路径的填充属性即可实现需求
  你当前.curtain类下的背景SVG中，绘制栅栏线条的<path>标签未显式指定填充色，默认会取黑色，要自定义颜色直接给该标签添加fill属性赋值即可，示例代码如下：

.curtain {
  margin: auto;
  flex: 1 0 0;
  max-width: 642px;
  box-shadow: inset 0 -2px 0px 0px #0a0a0a;
  border: 20px solid #000;
  border-radius: 3.2px;
  border-color: #000 #101010 #000 #101010;
  /* 仅修改了path标签添加fill属性，示例填白色#fff，可替换为任意颜色值 */
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path fill="none" d="M0 0h10v10H0z"/><path fill="#fff" d="M10 .15L5.15 5 10 9.85V10h-.13L5.01 5.14.15 10H0v-.14L4.87 5 0 .13V0h.15l4.86 4.86L9.86 0H10z"/></svg>');
}

• 你也可以根据需求使用RGBA格式设置半透明颜色，比如fill="rgba(255,255,255,0.7)"就能实现半透明白色的栅栏效果。

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