2016-01-20 82 views
-1

asp.net 4(通過Visual Studio 2010開發)的menuitem背景顏色在選擇後不能改變(我希望所選菜單的背景顏色爲YellowGreen)。我谷歌這個問題,並嘗試從互聯網上找到的所有方法。但他們不工作。菜單是一個主文件,並使用該項目的默認菜單的CSS樣式:asp.net 4改變selected menuitem的顏色

  <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
       EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
       <Items>      
        <asp:MenuItem NavigateUrl="Statistics.aspx" Text="Statistics"/> 

        <asp:MenuItem NavigateUrl="Change.aspx" Text="Change"/> 

        <asp:MenuItem NavigateUrl="HistoryData.aspx" Text="History Data" /> 

        <asp:MenuItem NavigateUrl="ChangePassword.aspx" Text="Change Password"/> 
        <asp:MenuItem NavigateUrl="About.aspx" Text="About"/> 
       </Items> 
      </asp:Menu> 

中的site.css菜單CSS是

div.hideSkiplink 
{ 
    background-color:#3a4f63; 
    width:100%; 
} 

div.menu 
{ 
    padding: 0px 0px 0px 0px; /*padding: 4px 0px 4px 8px;*/ 
} 

div.menu ul 
{ 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    width: auto; 
} 

div.menu ul li a, div.menu ul li a:visited 
{ 
background-color: #465c71; 
border: 1px #4e667d solid; 
color: #dde4ec; 
display: block; 
line-height: 2.0em; 
padding: 4px 20px; 
text-decoration: none; 
white-space: nowrap; 
font-size:medium; 
} 

div.menu ul li a:hover 
{ 
    background-color: #bfcbd6; 
    color: #465c71; 
    text-decoration: none; 
} 

div.menu ul li a:active 
{ 
background-color:#ADFF2F; 
color:White; 
text-decoration: none; 
} 

我可以看到顏色的變化,當我點擊菜單項,但釋放鼠標按鈕後,顏色恢復爲深藍色。我試圖改變它的靜態選擇/動態選擇風格;在MenuItemClick事件中將菜單項的選擇狀態更改爲true;添加選定的CSS樣式;等等。但所選菜單項的背景顏色不能更改。感謝您的幫助

回答

0

使用以下樣式:

a:active{background-color:color;}