2

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

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

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

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

它显示我想要的 150px 宽的图像，

你们认为这是什么问题？我已经尝试使用类和 CSS 对其进行样式设置，但也无法正常工作，请帮帮我，我要疯了！

4

3 回答 3

4

试试这个

<input type="image" src="red.jpeg" style="width:150px;" />
于 2012-11-06T04:58:42.523 回答
3

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

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

于 2013-10-02T02:48:26.467 回答
1

样式可以使用内联 css 或应用到输入元素的规则来完成。不起作用的是设置 input 元素的 width 属性 - 这与元素样式的 width 属性是分开且不同的。

这两个中的每一个都给出相同的输出：

1）内联CSS

<input type="image" src="img/girl.png" style="width: 300px">

2）非内联css

.imgBtn
{
    width: 300px;
}

<input class='imgBtn' type="image" src="img/girl.png">
于 2012-11-06T05:12:00.660 回答