将 css 应用到标签

发布于 2024-11-15 15:48:01 字数 854 浏览 3 评论 0原文

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

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

这里还有登录按钮的 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;
}

原文

I'm starting out in using struts and I'm finding difficulty in applying my css on the tags.

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

Basically I'd want to apply a button image on a link which goes to a login page.

I've used this method successfully in submit buttons for forms and I thought that the same could apply to the links, however it was not displaying properly.

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

To add, I am able to see the top part of my button image when I place some text on the link like for example:

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

Are there any alternative tags that I am able to use or is there any way to set the height and width (in pixels) of the link tag so that the button can appear normally?

also here is the css for the loginButton for reference:

.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;
}

分享到QQ

分享到微博