小编Dav*_*ner的帖子

在Firefox中使用CSS设置SVG元素宽度/高度属性

我正在尝试使用CSS设置SVG元素的宽度和高度属性,而不是将它们内联,但我似乎无法在Firefox中使用它.

当我在元素上设置内联宽度/高度时,它显示没有问题.

 <rect x="10px" y="50px" fill="green" width="20px" height="20px" />
Run Code Online (Sandbox Code Playgroud)

当我尝试使用CSS设置宽度/高度时,它适用于Chrome,但不适用于Firefox.

.box {
    width: 20px;
    height: 20px;
}

<rect class="box" x="50px" y="50px" fill="green" />
Run Code Online (Sandbox Code Playgroud)
  • 在firefox 43和36中尝试了同样的行为.
  • 当我在firefox中检查缺少的SVG元素时,看起来CSS正在应用,并且计算出的样式显示正确的宽度/高度值.
  • 我希望我只是做一些愚蠢的事情而Chrome只是"让它发挥作用".我想尽可能避免浏览器特定的CSS.

JSFiddle示例

css firefox svg

5
推荐指数
1
解决办法
4772
查看次数

标签 统计

css ×1

firefox ×1

svg ×1