javascript - 如何使用 jquery 更改我的输入类型 ="image"宽度

Question

我的原代码是

<input type="image" src="http://myImage.png?rxc=1491827389" style="width:357px;height:60px;" name="submit" alt="hi">

我不能直接更改它但我可以添加 CSS/JQuery 代码，我只想将宽度更改为 200px 所以代码将是

<input type="image" src="http://myimage.png?rxc=1491827389" style="width:200px;height:60px;" name="submit" alt="hi">

我尝试了不同的 CSS 命令，甚至尝试了 JQuery，但都没有用，也许我弄错了？

Answer 1

您可以通过 jquery 更改图像宽度。引用我下面的代码，在我的代码中单击按钮我已经更改了图像的宽度

$(document).ready(function(){
    $("button").click(function(){
        $("#abc").css("width","20px");
    });
});

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.0.min.js">
</script>

  <input id="abc" type="image" src="https://www.w3schools.com/html/img_submit.gif" alt="Submit" width="48" height="48" >
<button>change width</button>