当背景图片网址更改时，按钮大小也会更改

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（尝试宽度：自动但不起作用）以使按钮适合大小？ 谢谢

Answer 1

我不知道您是否在寻找JS，jQuery或CSS答案，但是就CSS而言，您无法基于background-image调整元素的大小，可以做的是，您可以在此处使用input type=image

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

或者，如果您要使用JavaScript或jQuery，则可以声明2个具有自定义宽度的类，然后根据需要进行切换