Question

是否可以将CSS背景图像应用于输入类型提交，此html元素是电子邮件模板的一部分

 <input type="submit" value="" style="border: none;
    background: url('http://i.imgur.com/moDdJsa.png') no-repeat top left;
    padding: 2px 8px;" />

但它没有工作，它显示在我的Gmail帐户中，因为没有图像的按钮可以帮助

Answer 1

您必须指定尺寸

   <input type="submit" value="" style="border: none;
    background: url('http://i.imgur.com/moDdJsa.png') no-repeat top left;
    padding: 2px 8px; width:656px;
      height:570px;" />

这很有效 https://jsfiddle.net/scmn8tgy/

Answer 2

您需要指定图像的背景大小。如果按钮有维度，则应将背景图像的大小调整为该维度。

此外，我怀疑图像正在渲染，但是，您应用的top left定位仅在按钮中仅显示图像的左上部分。

尝试应用center center的定位然后background-size: width height;

结果代码应如下所示：

<input type="submit" value="" style="border: none;
    background: url('http://i.imgur.com/moDdJsa.png') no-repeat center center;
    padding: 2px 8px; background-size: width height;" />

输入类型的背景图像提交到电子邮件中

2 个答案: