小编Jes*_*sen的帖子

无法使用 CSS 样式控制 SVG 图标填充颜色

我已经阅读了这里所有关于使用 CSS 设置 svg 填充颜色样式的帖子,但没有运气。

我想要的是能够制作带有链接的图标。我的外部 svg 文件是灰色的,但我想用 css 使其变为红色,并在悬停时将颜色更改为黄色。

我想我的目标是 SVG 错误。请帮忙。我的测试在这里: testpage

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>

<style type="text/css">
<!--
.svgicon {
 fill: red;
}
.svgicon:hover {
 fill: yellow;
}
-->
</style>

<body>
<table width="100%" border="0" class="tabelform">
  <tr>
    <td width="100%"><a href="xxx.asp" class="svgicon"><object type="image/svg+xml" data="S/Images/new.svg" height="18" width="18"></object>test icon</a></td>
  </tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

css svg fill

1
推荐指数
1
解决办法
4202
查看次数

标签 统计

css ×1

fill ×1

svg ×1