我正在尝试在输入中执行这样的按钮:
我能够将其作为<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/