svg css圆角不工作

我有一个SVG文件，我正在应用CSS。大多数规则似乎都有效，但是当我应用关于四舍五入的规则(rx：5; ry：5)时，它没有任何效果。 “内联”风格规则工作，但我没有运气与嵌入式和外部样式表：

<svg ...>
 <defs>
  <style type="text/css" >
    <![CDATA[
     rect{ rx:5; ry:5;  }
    ]]>
  </style>
 </defs>

 <rect
    height="170" width="70" id="rect7"
    x="0" y="0" />
</svg>

有什么想法我错了吗？

解决方法

rx和ry是常规属性，而不是表示属性。只有演示文稿属性可以被CSS设置。各种常规/演示属性列在 here中

参见SVG 1.1规范的Presentation Attribute和Property。

即将推出的SVG 2规范提出大多数演示属性都是CSS属性。迄今为止，只有Chome已经实施了草案规范的这一部分。我想像其他的美国在适当的时候会实施这个。

原文地址：https://www.jb51.cc/css/218232.html