將CSS應用於懸停中的LinkButton

我在標籤ul中有一個Linkbutton。我爲ul設置了css。我想設置前景色爲LinkButton的時候懸停將CSS應用於懸停中的LinkButton

.MainMenu 
{ 
position: absolute; 
top:135px; 
left:15px;  
background-color: #033E6B; 
color:White; 
border-style:double; 
border-color:White; 
} 

.MainMenu li 
{ 
float:right; 
} 

.MainMenu li a 
{ 
color:Black; 
} 

.MainMenu li a:hover 
{ 
color:Red; 
} 

<ul class="MainMenu"> 
    <li><a>Home</a></li> 
    <li><asp:LinkButton id="lnk" runat="server" PostBackUrl="Default.aspx">Home</a> </li> 
</ul>

我使用此代碼，它是標籤的工作，但沒有爲LinkButton的工作！

來源

2012-06-25 ar.gorgin

瀏覽器中最終呈現的HTML代碼是什麼樣的？ –

鼠標懸停時更改標記a的顏色，但不更改LinkButton。 –

你必須標記錯誤，改變這種<asp:LinkButton id="lnk" runat="server" PostBackUrl="Default.aspx">Home</a>這個<asp:LinkButton id="lnk" runat="server" PostBackUrl="Default.aspx" Text="Home" />

來源

2012-06-25 03:59:58

非常感謝:) –

@ ar.gorgin - 我看到你編輯了你的問題，但標記中的錯誤仍然存在...... –

@NikolaBogdanović：看來你的解決方案是正確的。最好在問題中保留錯誤的原始代碼，以便稍後搜索相似問題的人員將看到「之前」（問題）和「之後」（您的解決方案）示例。 –

有沒有在你的代碼中的錯誤使用的LinkButton以下標記：

<asp:LinkButton 
    id="lnk" 
    runat="server" 
    PostBackUrl="Default.aspx" 
    Text="Home"> 
</asp:LinkButton>

並記住關閉<ul>標籤。

希望它有幫助！

來源

2012-06-25 04:03:02 Luis

將CSS應用於懸停中的LinkBut​​ton

回答

相關問題

將CSS應用於懸停中的LinkButton