我已经阅读了这里所有关于使用 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)