Сделать кнопку HTML такого же размера, как ее фон

Question

Обычно вы делаете кнопку с заданным размером:

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

Затем вы добавляете фон того же размера, что и кнопка:

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

Очевидно, что если вы хотите, чтобы оно было 1: 1, изображение также должно быть размером 120x40 пикселей.

Но есть ли способ сделать кнопку такого же размера, как изображение? (Без элементов IMG и скриптов).

С уважением,

Answer 1

Одним из способов может быть получение размера загруженного изображения с использованием 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;

Answer 2

Нет, не используя только HTML и CSS. Однако это возможно при использовании PHP (или другого серверного языка сценариев) или JavaScript