gpt4 book ai didi

html - 为什么 CSS 不对 SVG 进行样式化?

转载 作者:行者123 更新时间:2023-11-27 23:59:27 31 4
gpt4 key购买 nike

我在一个对象标签中嵌入了一个 SVG 图像,我正在尝试使用 CSS 对其进行样式化。 SVG 显示在页面上,但 CSS 中的更改没有任何作用。我想我可能对如何将 CSS 与 HTML 链接有疑问。我不想在 HTML 内部链接 CSS。为什么 SVG 不继承 CSS 样式?

HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<?xml-stylesheet type="text/css" href="stylesheet_svg.css" ?>
<title>Test</title>
</head>
<body>
<div id="topheading">
<div id="logobox">
<object class="logo" type="image/svg+xml" data="Wolf_template_empty.svg"><img id="logocenter" data="Wolf_template_empty.gif" /></object>
</div>
<h1 id="ip"></h1>
</div>
</body>

CSS

.logo {
stroke: #006600;
}

最佳答案

出于同样的原因,CSS 样式不会渗透到 iframe 中。也就是说,它处于不同类型的上下文中,如果您希望页面中的样式影响它,则必须将 SVG 直接嵌入到页面中。您也可以将 CSS 添加到 SVG 中,它会影响 SVG(但不会影响 HTML)。

关于html - 为什么 CSS 不对 SVG 进行样式化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22109219/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com