Grails g：submitToRemote呈现没有CSS样式的按钮

Question

我在.gsp中有一个带有一些文本字段和按钮的基本表单。这些按钮有一些CSS样式，在渲染常规html或grails提交按钮时可以正确应用，但是在渲染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>

这是最终形式的样子：

有没有理由说明第一个按钮没有正确渲染？我究竟做错了什么？谢谢你的帮助！

Answer 1

它可能会提升type='button'样式，如您所见，它具有相同的类别。使用Chrome的开发者工具检查它，我确定您会看到问题（input[type=button]可能与input[type=reset]不同）

我怀疑onclick处理程序与它有什么关系。 type='button'和type='submit'的输入可以采用不同的样式。我估计你错过了一些CSS