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

【问题标题】：Can CSS alter an input element's SRC attribute?CSS 可以改变输入元素的 SRC 属性吗？
【发布时间】：2011-11-24 21:47:24
【问题描述】：

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

最简单的做法是更改标记，但是，此代码是无用的，我需要按原样处理它，因此我尝试删除图像并改用背景图像。

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

【问题讨论】：

标签： css

【解决方案1】：

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

【讨论】：

【解决方案2】：

其实我只是想通了。

.submit {width:0;height:28px;background:url(go.png) no-repeat; padding-left:28px;}

我的替换图像是 28x28。通过指定一个等于该值的左填充和零宽度，它有效地将图像推离框的可视区域，留下背景图像显示。

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

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

更新...好吧，就其价值而言，:before 在input 元素上不受尊重，而当我将img 标签更改为input 时，@Chetan 的小提琴确实有效。所以，赞一个。

【讨论】：