我有一個顯示bookInstance詳細信息的頁面。在該頁面上,我想放置一個使用g:鏈接的按鈕來顯示一些額外的細節。Grails g:鏈接按鈕顯示爲大於其他按鈕
我有機械地工作的代碼,但按鈕顯示不正確。該按鈕的框不縮小到內容的大小,並且在按鈕的右側添加了一條有趣的線條。
這是我目前使用的代碼;
<g:form>
<p><g:actionSubmit class="button" action="edit" value="${message(code: 'default.button.edit.label', default: 'Edit')}" />
<g:actionSubmit class="button" action="delete" value="${message(code: 'default.button.delete.label', default: 'Delete')}" onclick="return confirm('${message(code: 'default.button.delete.confirm.message', default: 'Are you sure?')}');" />
<g:link controller="ownedBook" action="list" params="['book.id': bookInstance?.id]" ><input class="button" value="${message(code: 'default.button.add.owner.label', default: 'Owned Copies')}" /></g:link>
<g:hiddenField name="id" value="${bookInstance?.id}" /></p>
</g:form>
什麼是輸出HTML?使用任何自定義CSS? – 2011-05-14 18:16:13
是的,它是一個html輸出。 – Andrew 2011-05-14 18:37:10
按鈕類的css是; .button { font-size:1.05em; color:#FFFFFF; background-color:#b2c951; border:1px solid#245416; padding:5px; margin:10px 5px 0px 0px; } .button:hover { background-color:#c9e06d; } – Andrew 2011-05-14 18:38:28