您可以使用CSS设置输入图像的src吗？

您可以使用CSS设置输入图像的src吗

这必须在IE中工作。

否

您所能做的就是定义一个

背景图像

URL，但这与正确的

有很多不同之处

你为什么需要这个？也许有解决办法。

只要使用

而不是

例如

比如说

.mybutton {
    border: 0;
    width: 40px;
    height: 20px;
    background-image: url('foo.png');
}

---

意味着有一种图像映射按钮。提交时，它会向服务器端发送一个

name.x

和

name.y

参数，表示客户端在图像地图上按下的确切位置。这可能不是你的兴趣所在。您只需要一个带有背景图像的提交按钮。

不，不更改

输入的
类型
，您无法完成此操作。但是如果你必须使用图像类型输入，那么有一个我以前使用过的方法

将
input
的
src
设置为1×1像素的透明PNG文件，然后使用
background image
通过CSS设置图像。
你的要求听起来像是“内联图像”。它通常不是首选方法，但如果您试图避免缓存该图像，显然它有一些实际用途

我从下面的链接中借用了以下代码，为您提供了一个示例：

ul{list style:none；}
ul>li{
边缘：0.1米；
背景：url（数据：image/gif；base64，r0lgodlheaaoaalmaaoaztoeh0tls/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/）
左上角不重复；）
高度：14px；
文本缩进：1.5em；
}
我有一个用于图标的工具，希望将硬编码的图像url/文件名移动到css中。如果您事先知道图像的尺寸，可以使用@BalusC的解决方案。如果不这样做，则不能。当用户点击“回车”时，将其更改为“提交”是否会产生影响？
ul {list-style:none;}
ul > li {
margin:0 0 .1em;
background:url(data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/) 
top left no-repeat; )
height:14px;
text-indent:1.5em;
}
</style>