css 可以在标签中按类设置宽度和高度吗< use>?

31moq8wy  于 2023-01-14  发布在  其他
关注(0)|答案(1)|浏览(178)

我需要在use标签中使用testSvgIcons类来设置图标大小。我知道可以使用width和height属性,但我需要类(或其他东西)。

.testSvgIcons {
        width: 30px;
        height: 30px;
        fill: green;
    }
<svg style="display: none;">
    <symbol id="tick-icon" viewBox="0 0 515.556 515.556">
        <path d="m0 274.226 176.549 176.886 339.007-338.672-48.67-47.997-290.337 290-128.553-128.552z"/>
    </symbol>
</svg>

<svg>
    <use href="#tick-icon" class="testSvgIcons"></use>
</svg>
owfi6suc

owfi6suc1#

我刚刚从使用中删除了该类并将其添加到父SVG中

.testSvgIcons {
  width: 30px;
  height: 30px;
  fill: green;
}
<svg style="display: none;">
    <symbol id="tick-icon" viewBox="0 0 515.556 515.556">
        <path d="m0 274.226 176.549 176.886 339.007-338.672-48.67-47.997-290.337 290-128.553-128.552z"/>
    </symbol>
</svg>

<svg class="testSvgIcons">
    <use href="#tick-icon" ></use>
</svg>

相关问题