2013-05-13 66 views
0

是否有可能在CSS样式的div,它看起来像一个提交按钮?当然,使用css的一个浏览器很容易,但我正在寻找一个跨浏览器的解决方案。样式div像提交按钮

<div class="submit">Submit</div> 
//should look the same like: 
<input type="submit" value="Submit"> 

的原因是,我有各种不同的按钮,我喜欢在禁止使用公式推外部输入的字段去XHTML严格。

+2

只是使用

+0

嗯谢谢,我完全忘了这个元素;)http://nickcowie.com/presentation/s5-button.html – abimelex 2013-05-13 08:39:33

+1

为什么不能有表单?这样的按钮可以做一些事情,而不完全依赖于JavaScript。 – Quentin 2013-05-13 10:31:25

回答

-1

如果您使用<button>它将在每个浏览器中看起来不同。

使用jQuery是很容易使跨浏览器按钮: http://jqueryui.com/button/

提交表单只是绑定点击事件。例如:http://jsfiddle.net/AELMs/

$(function() { 
    $("a").button().click(function(event) { 
     event.preventDefault(); 
     $(this).parent().submit(); 
    }); 
}); 


<form action="#"> 
    <a href="#">An anchor</a> 
</form>