將css應用到<html:link>標籤

我開始使用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 Hueiss Leigh L.

嘗試

display: block;

添加此屬性.loginButton

來源

2011-06-13 10:38:40 Mike

此作品在一定程度上，而圖像能夠顯示，鏈接的可點擊區域比圖片更大，所以我可以點擊一個空白區域。我希望這是朝着正確方向邁出的一步，因爲我只需要將可點擊面積減少到與我的圖片大小相同。如果有任何跟進這種方法，將不勝感激。 – 2011-06-13 10:49:36

將邊距和填充屬性設置爲0，或者您應該編輯此圖像並切斷按鈕周圍的空白區域（如果有空白區域）。 – Mike 2011-06-13 10:55:18

該按鈕沒有多餘的空白，並嘗試設置邊距和填充，但無濟於事。 :( – 2011-06-13 10:57:06

將css應用到<html:link>標籤

回答

相關問題