html - 样式 div 像提交按钮

Question

是否可以在 css 中设置看起来像提交按钮的 div 样式？当然，对于使用 css 的一个浏览器来说，这样做很容易，但我正在寻找一个跨浏览器的解决方案。

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

原因是，我有不同类型的按钮，而且我喜欢严格使用 xhtml，禁止在公式之外使用输入字段。

Answer 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>