样式div就像提交按钮一样

时间:2013-05-13 08:29:39

标签: html css html5 css3 submit

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

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

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

1 个答案:

答案 0 :(得分:-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>