针对你遇到的两个SVG填充问题，我给你具体的解决方案：

问题1：修改SVG元素的fill:none属性 #

如果是直接编辑SVG代码，找到你需要修改的图形元素（比如<path>、<circle>、<rect>等），把它的fill="none"直接替换成你想要的颜色值即可，比如：

<!-- 原来的代码 -->
<path d="M10 10..." fill="none" />

<!-- 修改后 -->
<path d="M10 10..." fill="black" />
<!-- 或者用RGB值 -->
<path d="M10 10..." fill="rgb(0,0,0)" />

如果需要通过JavaScript动态修改，可以这样写：

// 选中目标SVG元素
const svgElement = document.querySelector('.complete-look svg path');
// 设置新的fill属性
svgElement.setAttribute('fill', 'black');

问题2：CSS设置fill颜色不生效的解决方法 #

你的CSS代码无法生效，主要有两个原因，对应解决方案如下：

原因1：内联fill:none的优先级高于CSS #

SVG元素的内联fill属性（比如<path fill="none">）优先级比外部CSS高，所以直接给<svg>标签加fill样式不会覆盖子元素的内联属性。你需要直接选中SVG内部的图形元素（比如<path>）来设置样式：

.complete-look svg path {
  padding: 2px;
  fill: black; /* 现在应该能生效了 */
}

原因2：CSS代码存在语法错误 #

你的代码里有两处明显错误：

• svg[Estilo de atributos]是无效的属性选择器，如果你想选中带有特定样式的SVG，应该写成svg[style*="fill:none"]
• width: 32; height: 32;缺少单位，应该加上px（或其他单位）：

svg[style*="fill:none"] {
  width: 32px;
  height: 32px;
  /* 如果需要覆盖内联fill，还是要选中内部元素 */
}

另外补充一点：如果你的SVG是通过<img>标签引入的，CSS无法直接修改它的fill颜色，这时候需要把SVG代码直接嵌入到HTML中，或者用<object>标签引入后通过JS修改。

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