Grails g:link 按钮看起来比其他按钮大答案

【问题标题】：Grails g:link button appears larger than other buttonsGrails g:link 按钮看起来比其他按钮大
【发布时间】：2011-05-14 18:04:26
【问题描述】：

我有一个显示 bookInstance 详细信息的页面。在那个页面上，我想放置一个使用 g:link 的按钮来显示一些额外的细节。

我的代码可以机械地运行，但按钮显示不正确。按钮的框不会缩小到内容的大小，并且在按钮的右侧添加了一条有趣的线。

这是我目前正在使用的代码；

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

Image Link

【问题讨论】：

输出的 HTML 是什么？使用任何自定义 CSS？
是的，它是一个 html 输出。
按钮类的css是； .button { 字体大小：1.05em;颜色：#FFFFFF；背景颜色：#b2c951；边框：1px 实心 #245416;填充：5px；边距：10px 5px 0px 0px； } .button:hover { 背景颜色：#c9e06d; }
如果你在 JsFiddle 上构建一个现场演示，我认为你会得到更好的答案：jsfiddle.net。不会花太多时间。

标签： grails gsp

【解决方案1】：

您在 g:link 中包装了一个输入按钮。只需使用消息（形成按钮标签）作为 g:link 内容。

你想要锚标签，还是按钮？

【讨论】：

我想要一个按钮链接。
或者，使用我上面描述的 g:link 并修改它的外观。无论哪种情况，在 g:link 中嵌入输入按钮都不是您想要的。