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

Question

I've created an inline svg, but the css validation comes up with errors (Property fill doesn't exist : #6be300, Property stroke doesn't exist : #1d1d1d, Property stroke-width doesn't exist : 5px.) Any idea what I'm doing wrong?

  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

Solution:

<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" />

Use that fill property and value in inline css and remove in external css. Solved!!!