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

问题描述

| 我开始使用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;
}

    

解决方法

        尝试添加此属性

display: block;

到.loginButton