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

前端之家收集整理的这篇文章主要介绍了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;
}

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

原文链接:https://www.f2er.com/html/226615.html

猜你在找的HTML相关文章