如何在提交按钮上显示图像?

时间:2013-01-01 23:23:46

标签: html css button submit background-image


我有一个提交按钮,我想在该按钮上显示图像(a.jpg),不会显示提交按钮的值。是否可以使用“提交”类型按钮? (不是“type ='image'”)

<input type="submit" value="submit" />

-Thanks。

2 个答案:

答案 0 :(得分:4)

您可以使用CSS来适当地设置按钮的样式

​<input id="it" type="submit" value="Submit">​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
​#it{
    background-image:url(http://placehold.it/50x50);
    font-size:0;
    width:50px;
    height:50px;
}​

DEMO

答案 1 :(得分:2)

<button type="submit" name="foo" value="bar">
    <img src="image.png" alt="submit">
</button>