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

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个类，并根据你的要求切换它们