Html 具有100%背景图像大小的按钮

我想有一个按钮，100%的图像的宽度和高度，而不指定按钮上的宽度和高度

如果我改变图像，按钮的大小也应该根据图像的大小动态改变

注意：按钮大小应与图像大小完全一致，且不会拉伸/扭曲/放大/缩小图像。如果我将图像更改为300px*200px，则按钮大小也应为300px*200px

这是否可能仅用css来完成

#摇滚乐{
宽度：150px；
高度：150像素；
背景图片：url(https://i.imgur.com/CeJU3mO.png);
背景重复：无重复；
}

---

如果不明确设置元素高度以匹配图像，则无法使元素匹配背景图像的大小

---

您可以使用图形提交按钮

，输入的

大小将匹配图像的尺寸。
您可以添加带有伪元素的图像，并将其隐藏以保持大小


#摇滚乐{
背景图像：url（“https://i.imgur.com/CeJU3mO.png");
背景重复：无重复；
填充：0；
}
#摇滚：以前{
内容：url（“https://i.imgur.com/CeJU3mO.png");
可见性：隐藏；
}
@MichaelCoker两者都不符合我的预期需要。我的意思是，如果我将图像更改为300px*200px，按钮也应该完全更改为300px*200px，而不会拉伸/扭曲图像。有什么特殊原因不让图像成为超链接吗？换句话说，
，放弃按钮。@Michael\u B公司的编码标准。这是一个图像按钮，因此应该声明为html按钮，而不是div、img等@stackdisplay my bad，没有仔细阅读您的问题。我给了你另一个答案。我认为您正在寻找
@MichaelCoker如果OP打算将其用于表单和带有POST/GET数组的php，则输入图像类型不会通过这些。这当然是旁注。不过，这同样适用于js/ajax；很难说他们想用它做什么。我真的很喜欢这些伪元素。。。向上投票。。。并且不能等待（并希望）直到我们可以选择让他们作为孩子或兄弟姐妹呈现。。。或者两者都有：）