html - 输入的样式看起来像超链接

Question

我正在尝试在输入中做一个这样的按钮:

我能够以 <a> 的身份做到这一点(如示例所示)但无法将其计算为 <input>主要问题是 + 图像是 Sprite 的一部分，当我将 Sprite 添加到输入时，它变成输入标签的大小(如示例所示)。有没有办法在不编辑 Sprite 的情况下让它看起来像上面的例子？

Example

Answer 1

因为你不能把元素放在 <input /> 中标记，您不能使用 Sprite 来完成此操作，但可以使用单个图像。

您可以使用您的第一个示例，并使用 JavaScript 将 submit() 操作简单地附加到它。

<a class="contentAddToCart2" href="document.getElementById('#formID').submit();return false;" id="submitButton">Buy Now<span></span></a>

对于 jQuery，您可以使用 $('#formID').submit(); return false;相反，或者像这样通过点击命令附加它。

演示: http://wecodesign.com/demos/stackoverflow-7074339.htm

$( document ).ready( function() {
    $( '#submitButton' ).bind( 'click', function() {
        $( this ).submit();
        return false;
    }
}