没有通过提交按钮获取图像

Question

我试图通过我的按钮获取图像，但我没有得到它。这就是我一直在做的事情。

<span id="schedule_button">
     <input type="submit" value="submit" 
             style="background-image:url(scheduler_button.gif); 
             font-size:0px; width:270 px; height:66 px" />
</span>

我哪里错了？

Answer 1

有两个问题：

的第一：

更新：King King在评论中注意到，这只是导致您麻烦的第二个问题。

默认情况下，input元素是内联的，因此当您将font-size设置为0px时，只需要很多空间来显示该值，这非常少，

因此，有必要将其display设置为block。

您可能想要谷歌“内联与阻止元素。”

的第二：

您需要删除width:270 px和height:66 px中的空格。

<强> DEMO

CSS：

input {
    background:url('http://placehold.it/270x66');
    font-size:0px;
    width:270px;
    height:66px
}