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

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


我能够将其作为<a>(如示例所示),但无法弄清楚它是<input>的主要问题是+图像是精灵的一部分,当我将精灵添加到输入中时变为输入标签的大小(如示例所示)。有没有一种方法可以使它看起来像上面的示例,而无需编辑精灵?

Example

最佳答案

因为您不能将元素放在<input />标记内,所以无法使用sprite完成此操作,但是可以使用单个图像。

您可以使用第一个示例,并使用JavaScript对其简单附加commit()操作。

<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;
    }
}

关于html - 设置输入看起来像超链接的样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7074339/

10-11 22:28
查看更多