css - SVG CSS 验证错误：“属性填充不存在”

Question

我创建了一个内联 svg，但 css 验证出现错误（属性填充不存在：#6be300，属性描边不存在：#1d1d1d，属性描边宽度不存在：5px。）任何知道我做错了什么？

 svg {
   height: auto;
   width: 50%;
 }
 rect {
   fill: #6be300;
   stroke: #1d1d1d;
   stroke-width: 5px;
 }

<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 400 400">
  <title>blabla</title>
  <desc>blablabla</desc>

  <rect id="rect1" width="40" height="230" x="20" y="170" rx="10" />
  <rect id="rect2" width="40" height="300" x="60" y="100" rx="10" />

Answer 1

选择“更多选项”，然后在运行验证器时选择包含 SVG 的配置文件。

Answer 2

解决方案：

<rect id="rect1" fill: #6be300; width="40" height="230" x="20" y="170" rx="10" />
<rect id="rect2" stroke="#1d1d1d" width="40" height="300" x="60" y="100" rx="10" />

在内联 css 中使用该填充属性和值并在外部 css 中删除。解决了！！！