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

标签 html css image

我正在使用一个 input type = 'image' 元素作为一个图标,它可以切换暂停/启动一个自动收报机。然而,当我使用图标时,图像比按钮本身小得多(没有为按钮设置任何尺寸)。有没有一种方法可以使按钮的尺寸等于其 src 属性中的图像,而无需对图像本身的宽度和高度进行硬编码?我看到的示例只是使用硬编码的宽度和高度。顺便说一下,设置硬编码的宽度和高度不起作用。

最佳答案

设置图像类型的输入。即

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

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

关于html使图像按钮尺寸等于图像尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28368297/

相关文章:

html - 在 Rmarkdown : html vs. ioslides 输出中调整外部图像的大小

python - 如何测量图像中的颜色接近度/浓度? (首选Python解决方案)

javascript - 使用 css 或 jquery 的动态 iframe 高度

javascript - HTML 页面呈现 - 通过 Javascript 调整大小进行的更正感觉有点不和谐

python - 需要使用 Contour 检测图像的第二个极值点

html - 将 <div>-Container 放在边距 :auto centered <div> 的右侧

css - 无法理解带有图形标签 HTML5 的空间要求

html - 使用 __utm.gif 进行谷歌分析跟踪打开率

html - 更改 html 表中的一些(不是全部)标题高度

javascript - 如果达到 div 的宽度,自动移动到文本的下一行