asp.net - 選択時のメニュー項目の強調表示

Question

重複の可能性:
ASP.NET: 現在のページのメニュー項目を強調表示する

ナビゲーション メニューで選択したメニュー項目の背景を強調表示または変更しようとしています。コードは次のとおりです。

<asp:Menu ID="NavigationMenu" runat="server"  CssClass="menu" OnMenuItemClick="high()" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
               <StaticSelectedStyle CssClass="SelectedStyle" />
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx"   Text="Home"/>
                    <asp:MenuItem NavigateUrl="~/Forecast.aspx" Text="Forecast"/>
                    <asp:MenuItem NavigateUrl="~/MI.aspx" Text="MI"/>
                    <asp:MenuItem NavigateUrl="~/Statistics.aspx" Text="Statistics"/>
                    <asp:MenuItem NavigateUrl="~/Trends.aspx" Text="Trends"/>
                    <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                </Items>
            </asp:Menu>
        </div>
    </div>
      <script>
      function high()
 {
 var selItem=document.getElementById("NavigationMenu");
  selItem.style.bgcolor='red';
   }

 </script>

うまくいかないようです.何が間違っていますか?

編集後、私のコードは次のようになります

    <asp:Menu ID="NavigationMenu" runat="server"  CssClass="menu"  EnableViewState="false"               IncludeStyleBlock="false" Orientation="Horizontal">
               <staticselectedstyle backcolor="LightBlue"
      borderstyle="Solid"
      bordercolor="Black"
      borderwidth="1"/> 
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx"   Text="Home"/>
                    <asp:MenuItem NavigateUrl="~/Forecast.aspx" Text="Forecast"/>
                    <asp:MenuItem NavigateUrl="~/MI.aspx" Text="MI"/>
                    <asp:MenuItem NavigateUrl="~/Statistics.aspx" Text="Statistics"/>
                    <asp:MenuItem NavigateUrl="~/Trends.aspx" Text="Trends"/>
                    <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                </Items>

まだ効果なし