javascript - 背景图片 url 更改时按钮大小更改

Question

目前我有一个按钮

<input id="fireAction" type="button" class="submit" onclick="disableSubmit('preFlight');"><br>

然后我在不同的情况下更改按钮的背景图像

例如。

#('#fireAction').css('background-image','url(fail.jpg)');
#('#fireAction').css('background-image','url(success.jpg)');

但是，由于 fail.jpg/success.jpg 的大小不一样，如何定义一些 css(试过 width:auto 但不起作用)使按钮根据背景图像的大小适应大小？谢谢

Answer 1

我不知道你是在寻找 JS、jQuery 还是 CSS 答案，但就 CSS 而言，你不能根据 background-image 调整元素的大小，你可以做什么就是，你可以在这里使用input type=image

<input type="image" src="#" alt="Image" />

或者，如果您想坚持使用 JavaScript 或 jQuery，则声明 2 个具有自定义宽度的类并根据您的要求切换它们