1
我开始使用struts,并且发现我的css应用于标签时遇到困难。将css应用到<html:link>标签
<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;
}
此作品在一定程度上,而图像能够显示,链接的可点击区域比图片更大,所以我可以点击一个空白区域。我希望这是朝着正确方向迈出的一步,因为我只需要将可点击面积减少到与我的图片大小相同。如果有任何跟进这种方法,将不胜感激。 – 2011-06-13 10:49:36
将边距和填充属性设置为0,或者您应该编辑此图像并切断按钮周围的空白区域(如果有空白区域)。 – Mike 2011-06-13 10:55:18
该按钮没有多余的空白,并尝试设置边距和填充,但无济于事。 :( – 2011-06-13 10:57:06