Question

通常，您创建一个具有给定大小的按钮：

<button style="width: 120px; height: 40px;">
Mememe
<button>

然后添加一个与按钮大小相同的背景：

button
{
    background-size: 100% 100%;
}

显然，如果你希望它是1：1，图像也应该是120x40像素。

但有没有办法让按钮与图像大小相同？（既没有IMG元素也没有脚本）。

此致

Answer 1

不，不仅仅使用HTML和CSS。但是，可以使用PHP（或其他一些服务器端脚本语言）或JavaScript

Answer 2

一种方法可能是使用JavaScript获取已加载图像的大小，然后在按钮上应用相应的样式：

var width = document.images[0].width;
var height = document.images[0].height;
var button = document.getElementById('button-id');
button.style.width = width;
button.style.height = height;

使HTML按钮的大小与其背景相同

2 个答案: