是否可以使用css设置外部svg文件的样式？
是的，可以使用CSS设置外部SVG文件的样式。通过使用CSS选择器和属性，可以选择SVG元素并为其应用样式。
要设置外部SVG文件的样式，可以使用以下步骤：
- 在HTML文档中使用
<object>或<embed>标签将外部SVG文件嵌入到页面中。例如：<object data="external.svg" type="image/svg+xml"></object> - 在CSS中使用选择器选择SVG元素，并为其应用样式。例如：object { width: 200px; height: 200px; } circle { fill: red; }
在上面的示例中，object选择器选择了嵌入的SVG元素，并设置了宽度和高度。circle选择器选择了SVG中的圆形元素，并将其填充颜色设置为红色。
需要注意的是，外部SVG文件必须在同一域中，否则由于浏览器的安全策略，无法通过CSS直接设置样式。如果SVG文件不在同一域中，可以将其内容复制到HTML文件中，并直接在HTML中应用样式。
推荐的腾讯云相关产品：腾讯云对象存储（COS），用于存储和管理SVG文件。产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
是否可以在不修改svg文件内容的情况下使用css设置外部svg文件的样式？有没有更好的方法在html5中显示外部svg文件？
浏览 0提问于2012-01-31得票数 11
回答已采纳
1回答
我想有一个干净和简单的HTML页面，其中包括SVG。我可以将SVG放入HTML中，但这会使文件变得又大又难看。我宁愿将SVG保存在单独的文件中，并以某种方式将它们链接到页面中。我发现你可以像这样使用标签：但这不允许我在外部设置sv
浏览 3提问于2014-08-26得票数 0
1回答
因此，我将SVG图像嵌入到html中：</object在这个片段中， SVG就在HTML内部，并在悬停时成功地改变了颜色。怎么做同样的事？
浏览 2提问于2017-10-01得票数 4
回答已采纳
我想用CSS操作SVG，我刚刚了解到可以向SVG元素添加ID并执行此操作，但将SVG放在HTML中真的很麻烦。我的问题是，如果我加载带有图像标记的SVG，并将ID添加到SVG文件的代码中，ID是否会以相同的方式工作？
浏览 2提问于2015-08-29得票数 2
1回答
我在我的网站上使用了一些交互式/动态的SVG，作为一个特性，我们可以选择按原样下载.svg文件。我想知道SVG标准以及样式表是如何适应
浏览 0提问于2012-06-10得票数 4
回答已采纳
我有一个SVG文件，如下所示(为了简洁起见，省略了d属性的值)：
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path我知道有多种方法可以做到这一点，您可以使用<img src="file.svg">、<object d
浏览 0提问于2018-11-29得票数 1
1回答
我正在尝试弄清楚pySVG，在理解如何链接到外部CSS文件时遇到了困难，pySVG能处理这个问题吗？浏览一下文档，在大多数示例中，样式似乎都是硬编码的。此外，我想添加一个'onclick‘来更改CSS引用，因此，热图(例如)可以链接到默认的CSS，该css为一组数据设置元素的样式，但随后可以更改css以设置</
浏览 0提问于2011-08-22得票数 1
回答已采纳
1回答
随机化svg笔划的颜色
、、、、
因此，我正在尝试在网站上创建一个功能，客户端可以上传一组简单的.svg图像，并声明一组笔画颜色。然后，图像将以图像和笔画颜色的随机组合出现在他的网站的背景中。然后使用下面的命令修改它的颜色(尽管我猜我会创建第二个<
浏览 3提问于2013-10-16得票数 0
3回答
我在一个对象标记中嵌入了一个SVG图像，我正试图用CSS对其进行样式化。SVG显示在页面上，但CSS中的更改没有任何作用。我想我可能对如何将CSS链接到HTML有问题。我不想在HTML内部链接CSS。为什么SVG不继承CSS样式？HTML<head>
<link rel="stylesheet" type="text
浏览 6提问于2014-03-01得票数 2
回答已采纳
我的网站使用许多外部SVG文件和他们自己的<style>元素在SVG文件本身。在初始加载或硬刷新时，一切都按预期工作，网站CSS和SVG都会加载适当的样式，这取决于系统OS是设置为暗模式还是光模式。但是，如果我在操作系统中切换模式，只更新网站CSS，而不是外部SVG文件的<
浏览 5提问于2021-12-05得票数 3
回答已采纳
1回答
是否可以使用CSS3渐变来设置填充属性的样式？.button{ fill: -webkit-gradient,linear,left bottom,left top,0.73, #534D6B));
fill: -moz-linear-gradient(center bottom,#37304C 4
浏览 3提问于2011-08-05得票数 8
回答已采纳
1回答
我正在尝试创建一个SVG符号库，以便在整个网站中使用，并使用CSS文件对符号进行样式化。<?)
I试图引用另一个文件中的符号。在Chrome和Firefox中，似乎忽略了外部SVG
浏览 4提问于2015-07-30得票数 1
1回答
是否可以像使用文本那样使用css来设计外部.svg呢？我遗漏了什么？我的标记和css看起来如下：#ob {}
fill: currentColor;
}<object id="ob" type="image/
浏览 2提问于2015-06-30得票数 6
回答已采纳
1回答
我想把SVG文件转换成图像。问题是我的SVG使用了外部CSS文件，当我使用时，它无法识别外部CSS文件，它只显示了内联SVG标记的样式。下面是我的示例代码： JPEGTranscoder transcod
浏览 3提问于2017-08-31得票数 0
回答已采纳
3回答
我试图以多种方式在wordpress中添加一个SVG，但它不能工作，可能是因为我复制里面的代码时的语法问题(
所以我需要从外部源()插入它，但我试图用CSS (每个路径都有它正确的ID)修改它(只改变填充颜色
浏览 0提问于2013-12-05得票数 0
因此，我使用以下CSS来生成SVG徽标：有人知道如何在样式表中使用CSS更改图标的颜色，而不是嵌入到SVG标记中吗？我尝试在页面上多次使用相同的徽标，使用不同的颜色，所以不希望在样式表中加载SVG代码<e
浏览 1提问于2013-04-08得票数 3
是否可以将SVG指定为背景图像，并在同一CSS文件中设置SVG的样式？我非常喜欢将SVG图像作为单个文件或sprites进行放置、缩放和剪切，但我还不能确定是否可以在将SVG设置为背景图像的同一CSS文件中设置SVG的<e
浏览 0提问于2011-09-09得票数 27
回答已采纳
1回答
通常，我会将SVG代码嵌入到html中，并使用CSS3动画。下面的代码只适用于两个图标，而且已经有很多了。 stroke-dasharray: 200; animation: dash 3s linear
浏览 1提问于2017-10-17得票数 0
回答已采纳
我正在使用生成一个通过<use>方法嵌入的SVG spritesheet： <use xlink:href="/assets/icons.svg#phone"/>这对于通过HTML标记嵌入和设置图标样式非常有效。然而，我也需要选择嵌入图标完全通过CSS
浏览 2提问于2016-11-22得票数 0
谈论的是属性..这些是什么？是否可以将它们声明为与元素内联的属性？或者它们只能在CSS样式表中声明？
浏览 2提问于2009-05-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
