如何使用 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更改图像宽度。在下面引用我的代码，在我的代码上，按钮单击我更改了image

的宽度

$(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>

Answer 2

给图像一个ID并使用

访问它

document.getElementById("imageid").style.width="300";

Answer 3

$(function() {
  $("input[name="submit"]").width(200).height(60);
});

这是jQuery的一种方式。

您也可以尝试使用而不是input[name="submit"]：

input[type="image"]

Answer 4

你好，我尝试过这样的方法：

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

Answer 5

您可以尝试吗？

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