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

我正在使用input type = 'image'元素作为切换暂停/启动代码的图标。但是，当我使用图标时，图像比按钮本身小得多（未设置按钮的任何尺寸）。有没有一种方法可以使按钮的尺寸与其src属性中的图像相等，而不用硬编码图像本身的宽度和高度？我看过的例子只是使用硬编码的宽度和高度。顺便设置硬编码的宽度和高度不起作用。html使图像按钮尺寸等于图像尺寸

来源

2015-02-06 user1849060

你有一些自由的HTML或你不得不使用一个按钮？使用一个简单的锚定标签，并把你的图像作为内容在你的HTML会做的伎俩，用一点的JavaScript来执行提交... – 2015-02-06 14:48:44

多数民众赞成它是如何工作的默认 – atmd 2015-02-06 14:49:51

我以前这样做，但我必须符合WAG 1.1有关在鼠标不可用的情况下使用键盘的信息。通过将图像包装在''标签中，它是可以放置的，但不会发生切换。 – user1849060 2015-02-06 14:50:37

设置类型图像的输入。即

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

大小将默认为图像的大小。这是一个jsbin to demo。有可能你有其他的CSS影响按钮

来源

2015-02-06 14:49:16 atmd

这是正确的。我在CSS的图像的左侧和右侧有一些填充。删除这个按钮后，按钮恢复到图像的大小。谢谢。 – user1849060 2015-02-06 14:52:48

没问题，很高兴我能帮上忙 – atmd 2015-02-06 14:55:28

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

回答

相关问题