Javascript 当背景图像url更改时，按钮大小也会更改

目前我有一个按钮

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

---

但是，由于fail.jpg/success.jpg的大小不一样，如何定义一些css（尝试宽度：auto，但不工作），使按钮适合背景图像的大小？谢谢

我不知道您是在寻找JS、jQuery还是CSS答案，但就CSS而言，您无法根据

背景图像

调整元素大小，您可以做的是，在这里使用

输入类型=图像

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

---

或者，如果你想坚持使用JavaScript或jQuery，那么可以声明两个具有自定义宽度的类，并根据你的要求切换它们

我不知道你是在寻找JS、jQuery还是CSS答案，但就CSS而言，你不能根据

背景图像

调整元素的大小，你可以做的是，您可以在此处使用

input type=image

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

---

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

请发布一个功能示例，说明您的问题。如果您使用的是CSS3，则可以添加“背景大小”将两个背景图像设置为相同的大小。如果要更改

背景图像

，不妨更改

宽度

？或者，您可以有两个单独的类

.fail

和

.success

，您可以使用jquery在按钮上添加类来切换这些类。请参考下面的URL。请在上发布一个说明问题的功能示例。如果您使用CSS3，则可以添加“背景大小”以将两个背景图像设置为相同的大小。如果您正在更改

背景图像

，则不妨更改

宽度

？或者，您可以有两个单独的类

.fail

和

.success

，您可以使用jquery在按钮上添加类来切换这些类。请参考下面的URL。