html - 像提交按钮一样设计 div

Question

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

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

原因是，我有不同种类的按钮，我喜欢在禁止在公式之外使用输入字段的地方使用 xhtml strict。

Answer 1

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

使用 jQuery 制作跨浏览器按钮非常容易: http://jqueryui.com/button/

提交表单只需绑定(bind)点击事件。示例:http://jsfiddle.net/AELMs/

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


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