兩種不同的字體在表單提交按鈕使用字體真棒

我正在修改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：

來源

2016-06-11 MayTheGrailsBeWithYou

它有點棘手，你需要一個鏈接駐留在以創建CSS元素，然後進行鏈接透明，並進一步擴大一點點跨比它從透明邊框啓動背景。 – Vahid

我發現使用HTML表單（VS G：形式）使用圖標時，更容易的風格。造成這樣的：

<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>

來源

2016-06-14 16:18:20

兩種不同的字體在表單提交按鈕使用字體真棒

回答

相關問題