Html 是否可以在没有svg的情况下创建自定义形状的按钮？

通过在web上搜索创建自定义形状按钮的方法，我意识到svg似乎是唯一的方法。但是它有很多兼容性问题。 有没有其他方法可以创建具有自定义形状的对象？ 当然，我指的是你只能在形状边界内点击的东西

例如，我需要一个形状像警察徽章的按钮。

---

比如说兼容性问题，我的意思是Firefox不支持外部css中的svg。至少我知道这一点。我希望我可以避免剪辑路径，我不知道你说的“Firefox不支持外部css中的svg”是什么意思，以及这会对你想做的事情产生什么影响。您可能需要更好地解释您的需求

下面是一个自定义按钮的示例。它应该可以在所有较新的浏览器中正常工作

这取决于自定义形状的含义。你需要什么样的形状。。。关于兼容性问题，您指的是什么问题？否决-请添加相关信息。具体来说：你想用什么形状制作一个按钮？下面是一个令人印象深刻的方法列表：如果你关心的是与非常旧的浏览器的兼容性，那么你可以使用常规图像和元素来制作一个可点击（非矩形）的按钮shape.area元素不是我要找的，因为它只影响可点击区域和形状。这两个元素都可以工作，但我可以将其用作剪辑路径，还是仅使用图像将覆盖类附加到它？我也尝试过多边形的路径istead（用于曲线形状），但它从来都不起作用。我不确定“覆盖类”是什么意思，但可以使用剪辑路径。无论您使用的是

还是

，都不重要。我添加了一个使用路径和clipPath的示例。我的意思是为具有背景图像的按钮添加第二个类。我试过多次使用“”都不起作用。至少对Firefox来说，这条路对我来说是可行的。你用发电机了吗？还是形状转换器？还有一件事：这只有在标签上才可能吗？因为我用标签试过了，但没用