输入类型=被忽略的图像宽度

Question

我正在制作一个像这样的图像按钮：

<input type="image" src="red.jpeg" width="150px">

但它显示的原始图像尺寸要大得多，如果我输入：

<img src="red.jpeg" width="150px"> 

它按照我想要的方式显示 150px 宽的图像，

你们认为这有什么问题吗？我尝试过用类和 CSS 来设计它的样式，但也不起作用，请帮助我，我快疯了！

Answer 1

尝试这个

<input type="image" src="red.jpeg" style="width:150px;" />

Answer 2

单位“px”在属性内无效width，因为像 px、pt、ex、em 这样的单位是 CSS 语法，但此属性与 CSS 无关：它仅采用无单位数字或百分比。尝试简单地使用width="150"，或者通过 CSS 使用style="width:150px"。

另外，在标签上使用该width属性<input type="image">（特别是）似乎是 HTML5 中的新内容 - 我可以看到它不在 HTML4.01 规范中。（请参阅Mozilla 的文档，或在 W3C 上比较HTML4.01和HTML5 ）。width因此，当您尝试使用该属性时，较旧的浏览器可能无法识别该属性。