我发现了一个奇怪的问题,我不确定这是错误还是正常行为。也许我有什么问题?
我正在尝试制作一个自定义的 Stylish 样式表来设置一些 SVG 元素的样式。样式表:
svg circle {
fill: #1E90FF;
stroke-width: 5;
stroke: black;
}
它应该看起来像这样(没有框架):
样式表在放在 Stylish 中时拒绝工作,但在文档中时工作。所以我尝试了这个作为一个片段:
svg.A circle {
fill: #1E90FF;
stroke-width: 5;
stroke: black;
}
<svg style="width: 100px" class="A" viewbox="0 0 70 70">
<circle class="circle" cx="35" cy="35" r="30" />
</svg>
<svg style="width: 100px" class="B" viewbox="0 0 70 70">
<circle class="circle" cx="35" cy="35" r="30" />
</svg>
<div id="testdiv">
This is a reference test div to test that your stylesheet is working.
</div>
并通过 Stylish 使用了这个自定义样式表:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("stacksnippets.net") {
#testdiv {
color: green;
background-color: yellow;
}
svg.B circle {
fill: #1E90FF;
stroke-width: 5;
stroke: black;
}
}
我看到的是:
我无法想象为什么时尚会过滤掉 CSS 的样式,这听起来像是胡说八道。