Question

我无法弄清楚为什么风格不适用于矩形。

式

*/

SVG

 <style>
.bar {
    width: 100;
    height: 100;
    fill: green;
}

</style>

当我根据joe_young的建议进行更改时，它适用于Chrome但不适用于Firefox：

<body>
<svg width="100" height="100">
<rect class="bar"/>
</svg>
</body>

Answer 1

至于你的问题，事实证明firefox不喜欢<svg width="100" height="100"> <rect class="bar" width="100" height="100px" style="fill: green"/> </svg>标签中的SVG样式，你需要内联它们：

<rect>

您正在尝试使用SVG元素<svg>，因此需要在px标记内使用此外，当它与CSS一起使用时（正如你在这里所做的那样），你的宽度和高度值需要一个单位，在这里.bar { width: 100px; /* You need to include the 'px' here'*/ height: 100px; fill: green; }

<svg width="100" height="100">
  <rect class="bar" />
</svg>

 import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
     theAction() {
         this._somePrivateFunction();
        //do other stuff
     }
  }
});

Answer 2

需要将其括在svg标记中。

Reference for further reading.

应用于矩形类时，CSS不起作用？

2 个答案: