html使图像按钮尺寸等于图像尺寸

时间:2015-02-06 14:45:34

标签: html css image

我使用input type = 'image'元素作为图标切换暂停/启动代码。但是,当我使用图标时,图像比按钮本身小得多(不设置按钮的任何尺寸)。是否有一种方法可以使按钮的尺寸等于其src属性中的图像,而无需对图像本身的宽度和高度进行硬编码?我见过的例子只是使用硬编码的宽度和高度。顺便提一下,设置硬编码的宽度和高度不起作用。

1 个答案:

答案 0 :(得分:1)

设置图像类型的输入。即。

<input type="image" src="http://placehold.it/20x20" />

尺寸将默认为图像的大小。这是jsbin to demo。您可能有其他css影响按钮