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

Question

我正在尝试在输入中执行这样的按钮：

我可以将其作为 a <a>（如示例中所示）来完成，但无法弄清楚<input>主要问题是 + 图像是精灵的一部分，当我将精灵添加到输入时，它就变成了输入的大小标签（如示例所示）。有没有办法让它看起来像上面的例子而不编辑精灵？

例子

Answer 1

因为您无法将元素放入标签内<input />，所以您无法使用精灵来完成此操作，但可以使用单个图像来完成此操作。

您可以使用第一个示例，并使用 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;
    }
}