Fatal编程技术网
  • html/
  • 在html页面中设置svg根元素的样式

在html页面中设置svg根元素的样式

html css svg

在html页面中设置svg根元素的样式,html,css,svg,Html,Css,Svg,在svg文档中，我可以为svg根元素指定背景色，如下所示： <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%"> <style> :root { background: blue; } </style> <

在svg文档中，我可以为svg根元素指定背景色，如下所示：

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink= "http://www.w3.org/1999/xlink"
     version="1.1"
     width="100%" height="100%">
<style>
   :root {
      background: blue;
   }
</style>
<circle cx="50%" cy="50% r="25%" fill="orange">
</svg>


：根{
背景：蓝色；
}

只需通过
svg{…}
应用背景样式即可




svg{
背景：蓝色；
}

只需通过
svg{…}
应用背景样式即可




svg{
背景：蓝色；
}

您真的需要嵌入

如果没有，只需创建两个类来设置svg的样式，并在
中使用CSS变量
currentColor
，以便能够使用CSS
color
属性更改其
填充

注意：由于SVG在XML中定义了基于矢量的图形，因此需要
用
/
关闭
元素





.svg\uu容器{
背景颜色：蓝色；
宽度：100%；
身高：100%；
}
.svg___圈{
颜色：橙色；
}


您真的需要嵌入

如果没有，只需创建两个类来设置svg的样式，并在
中使用CSS变量
currentColor
，以便能够使用CSS
color
属性更改其
填充

注意：由于SVG在XML中定义了基于矢量的图形，因此需要
用
/
关闭
元素





.svg\uu容器{
背景颜色：蓝色；
宽度：100%；
身高：100%；
}
.svg___圈{
颜色：橙色；
}




谢谢，这正是我需要的！谢谢，这正是我需要的！