HTML – 如何更改提交按钮外观？

我的HTML代码中有这个简单的提交按钮外观

<input type="submit" name="pay Now" value="pay" />

我希望使提交按钮看起来像这样

<a href="#"><img src="images/shopping-cart/check-out-btn.png" border="0" /></a>

但应坚持其提交类型

怎么做 ？

解决方法

您应该使用CSS：

input[type="submit"] {
    background: url(images/shopping-cart/check-out-btn.png);
    width: 200px; /* width of image */
    height: 50px; /* height of image */
    border: 0;
}

您可能应该使用更具体的选择器.