将 CSS 应用于 <html：link> 标记

Question

我刚开始使用struts，发现在标记上应用css很困难。

<html:link action="LoginLink" styleClass="loginButton"/>

基本上，我想在通往登录页面的链接上应用一个按钮图像。

我已经在表单的提交按钮中成功地使用了这种方法，我认为同样的方法也可以应用于链接，但它没有正确显示。

<html:submit styleClass="submitButton" value=" " ></html:submit>

此外，当我在链接上放置一些文本时，我可以看到按钮图像的顶部，例如：

<html:link action="LoginLink" styleClass="loginButton" >Some text here</html:link>

我是否可以使用其他标签，或者是否有任何方法可以设置链接标签的高度和宽度（以像素为单位），以便按钮可以正常显示？

这里还有loginButton的css供参考：

.loginButton {
    border:none;
    background:url('../images/adminbutton.png');
    height: 59px;
    width: 138px;
}.loginButton:hover {
    background:url('../images/adminbutton2.png');
}.loginButton:active {
    position:relative;
    top:1px;
}

Answer 1

尝试添加此属性

display: block;

到.loginButton