CSS可以改变输入元素的SRC属性吗？

Question

是否可以通过CSS删除或更改下面标记中的src引用？

最简单的方法是更改​​标记，但是，此代码是野外的，我需要按原样处理它，所以我试图删除图像并使用背景图像。

<input type="image" src="wp-content/uploads/image.png" name="submit" class="submit" value="Submit" /> 

Answer 1

您可以尝试将高度和宽度设置为0，添加填充并设置背景图像。您必须使其display: block或display: inline-block才能使高度生效。

以下是一个示例 - http://jsfiddle.net/zBgHd/1/

Answer 2

实际上，我只是想通了。

.submit {width：0; height：28px; background：url（go.png）no-repeat; padding-left：28px;}

我的替换图片是28x28。通过指定左边的填充等于零，宽度为零，它可以有效地将图像从框的可视区域推出，使背景图像显示出来。

Answer 3

虽然这是关于img src属性的，但它仍然适用于输入src。这个问题几乎可以为你解答 - How to change an input button image using CSS? 另一个相关问题：Define an <img>'s src attribute in CSS

Answer 4

不，回答你的问题。不在任何版本的任何浏览器（AFAIK）中。

任何解决方案都将涉及一种解决方法。我现在正在测试一个，您使用:before规则在其上创建背景图片。

更新......好吧，对于它的价值，:before在input元素上不受尊重，而@ Chetan的小提琴在我将img标记更改为{{1 }}。所以，荣誉。