html - CSS 媒体查询和 SVG

Question

在调整浏览器窗口大小时，我试图更改 SVG 元素的“填充”。我已经尝试过其他值，例如“visibility: hidden;”并且元素确实隐藏了。但是它似乎没有响应尝试更改填充。看一下代码。有什么想法吗？

SVG:

<svg>
<rect class="d" x="150" y="150" width="500" height="350"
    rx="40" ry="40"
    style="fill: blue;
           fill-opacity: .7;"/>

</svg>

CSS

@media screen and (max-width: 451px){
.d {
fill: red;
  }  
}

Answer 1

我的猜测是 style 覆盖了 class。尝试将类 d 设置为您在 style 标记中设置的原始值，然后删除该样式标记。