Jquery Grails g:submitToRemote渲染按钮,不带CSS样式

Jquery Grails g:submitToRemote渲染按钮,不带CSS样式,jquery,html,css,grails,Jquery,Html,Css,Grails,我在.gsp中有一个基本表单,带有一些文本字段和按钮。这些按钮具有一些CSS样式,在呈现常规html或grails submit按钮时可以正确应用这些样式,但是在呈现g:submitToRemote时,提交按钮在呈现时没有适当的CSS样式 以下是相关的gsp代码: <g:form > <div class="span2"> <g:submitToRemote class="span12" co

我在.gsp中有一个基本表单,带有一些文本字段和按钮。这些按钮具有一些CSS样式,在呈现常规html或grails submit按钮时可以正确应用这些样式,但是在呈现g:submitToRemote时,提交按钮在呈现时没有适当的CSS样式

以下是相关的gsp代码:

                <g:form >
<div class="span2">
                    <g:submitToRemote  class="span12" controller="contacto" action="send" name="submit" value="Enviar">
                        </g:submitToRemote>
                </div>

                <div class="span2">
                    <input class="span12" type="reset" value="Limpiar"/>
                </div>

            </g:form>

以及呈现的html:

                <div class="span2">
                    <input onclick="jQuery.ajax({type:'POST',data:jQuery(this).parents('form:first').serialize(), url:'/Coaching/contacto/send',success:function(data,textStatus){},error:function(XMLHttpRequest,textStatus,errorThrown){}});return false" name="submit" value="Enviar" class="span12" type="button">

                </div>


                <div class="span2">
                    <input class="span12" value="Limpiar" type="reset">
                </div>

以下是最终表单的外观:


第一个按钮没有正确渲染有什么原因吗?我做错了什么?谢谢你的帮助

它可能选择了
type='button'
样式,正如您所看到的,它具有相同的类。用Chrome的开发工具之类的工具检查一下,我相信你会发现问题所在(
input[type=button]
可能不同于
input[type=reset]


我怀疑
onclick
处理程序与此有关。带有
type='button'
type='submit'
的输入可以采用不同的样式。我认为您缺少了一些css

它可能正在使用
type='button'
样式,正如您所看到的,它具有相同的
。用Chrome的开发工具之类的工具来检查一下,我相信你会发现问题所在(
input[type=button]
可能与
input[type=reset]
)根本没有什么不同。事实上,如果我在没有onclick属性的情况下渲染并输入type=button,它会完美地渲染?这应该向您展示它所应用的样式规则好的,我已经确定了没有使用g:submitRemote渲染的线条,但我仍然不知道为什么。常规的input=“submit”按钮与使用g:submitToRemote呈现的按钮完全相同,但没有onclick属性。我仍然怀疑onclick处理程序与此有关。带有
type='button'
type='submit'
的输入可以采用不同的样式。我想你少了一些css