Question

我正在修改grails脚手架模板的过程中，我想为我的按钮使用字体真棒图标。我如何做到这一点的一个例子是在下面的g：link标签中。我不确定如何使用表单提交按钮来模拟它。感谢任何帮助！

    <g:form resource="\${this.${propertyName}}" method="DELETE">
            <fieldset class="buttons">
                <g:link class="" action="edit" resource="\${this.${propertyName}}"><i class="fa fa-pencil fa-lg">&nbsp;</i><g:message code="default.button.edit.label" default="Edit" /></g:link>
                <input class="" type="submit" value="\${message(code: 'default.button.delete.label', default: 'Delete')}" onclick="return confirm('\${message(code: 'default.button.delete.confirm.message', default: 'Are you sure?')}');" />
            </fieldset>
        </g:form>

附加的屏幕截图显示了它现在的样子。

Example

生成的html：

    <form action="/fruits/delete/15" method="post" ><input type="hidden" name="_method" value="DELETE" id="_method" />
            <fieldset class="buttons">
                <a href="/fruits/edit/15" class=""><i class="fa fa-pencil fa-lg">&nbsp;</i>Edit</a>
                <input class="" type="submit" value="Delete" onclick="return confirm('Are you sure?');" />
            </fieldset>
        </form>
    </div>

Answer 1

我发现在使用图标时，使用html表单（vs g：form）更容易设计样式。导致类似：

<form id="delete_id" action="${createLink(action: 'delete_method')}" method="get"> <button class="some_layout"type="submit"}> <i class="fa fa-pencil fa-lg"> </i> Edit </button> </form>

两种不同的字体在表单提交按钮使用字体真棒

1 个答案: