Два разных шрифта в форме отправить кнопку с использованием шрифта awesome

Question

Я сейчас в процессе изменения шаблонов строительных лесов Грааля, и я хотел бы использовать шрифт удивительные значки для моих кнопок. Пример того, как я это делаю, находится в теге 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-форм (по сравнению с г: форма) легче стиль при использовании иконок. В результате чего-то вроде:

<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>&nbsp;Edit </button> </form>