html - 将 svg 图像转换为按钮

Question

我能够开发到这一点，但我希望“图像”是一个按钮。

除了帖子，我还提供了 codepen 链接以及我的 html 和 css。

https://codepen.io/hefty95/pen/ZEEQMOq

    <div id="Grupo_2141">
        <div id="Grupo_5_A56_Group_14">
            <svg class="Ret_ngulo_1_A56_Rectangle_12">
                <rect fill="rgba(202,206,213,1)" id="Ret_ngulo_1_A56_Rectangle_12" rx="12" ry="12" x="0" y="0" width="141" height="24">
                </rect>
            </svg>
            <div id="My_Notifications">
                <span>My Notifications</span>
            </div>
        </div>
    </div>

Answer 1

您可以将它包装在一个按钮中。 button tag许可证 phrasing content , 其中包括 SVG tags .