我有一个显示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