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

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

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

更新......嗯，这是非常值得，:before是不尊重的input元素，而@阿赫亚的小提琴不工作时，我的img标签更改为input。所以，荣誉。

Answer 3

其实，我只是理解了它。

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

我的替换图片是28x28。通过指定一个等于左边距的填充和宽度为零，它可以有效地将图像从盒子的可视区域中推出，而不显示背景图像。

Answer 4

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