Question

我正在使用的表单模板存在问题，该模板具有默认的内嵌图像。

<input src="//assets.emailmeform.com/images/submit-orange.png?RU1GLTAyLTI3" type="image" alt="Submit" onmouseover="return true;">

有没有办法覆盖这个？我有

#ID input[alt="Submit"]{
    background-image: url("url here")no-repeat !important;

但结果是我分配的CSS图像位于默认的内嵌图像下。有没有办法隐藏内嵌图像，以便CSS图像显示在顶部？

Answer 1

请查看this solution。

我基本上做的是将图像的宽度和高度（麻雀的图片）设置为0，这样就不会再出现了。相反，我添加了一个背景图像来替换它（鹦鹉的图片）。

<强> HTML

$('.collapsibleContainer').click(function(){
    //Do your stuff
});

<强> CSS

<input src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f5/House_Sparrow_mar08.jpg/1024px-House_Sparrow_mar08.jpg" alt="submit" type="image">

干杯，

如何通过css图像覆盖内嵌HTML图像

1 个答案: