Last post Nov 05, 2011 04:42 PM by bl4nk
Nov 05, 2011 03:13 PM|bl4nk|LINK
When I click any of my menu items, they display a border around them.
How can I set this to transparent?
I've tried setting all the static and dynamic border properties from the menu properties tab to none and from a css class but this orange border is still displayed when the items are clicked. Actually, even when I set the border to some color it isn't displayed
Nov 05, 2011 03:17 PM|Rajneesh Verma|LINK
Can you share the code?
Nov 05, 2011 03:24 PM|bl4nk|LINK
I've wrote the menu code manually, not bound to a sitemap datasource. Also using the Ajax control toolkit for the rounded corners of the menu items.
<asp:RoundedCornersExtender ID="RoundedCornersExtender3" runat="server" TargetControlID="Menu1" Radius="15" Corners="Top">
<asp:Menu ID="Menu1" runat="server" CssClass="menucells" StaticMenuItemStyle-CssClass="menuitem">
<StaticSelectedStyle BackColor="#F3CFCE" />
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home">
Nov 05, 2011 04:14 PM|bl4nk|LINK
This is happening on chrome. I've just tested it with firefox and the border isn't desplayed when the items are clicked
Nov 05, 2011 04:19 PM|Rajneesh Verma|LINK
<asp:RoundedCornersExtender ID="RoundedCornersExtender3" runat="server" TargetControlID="Menu1" Radius="15" Corners="Top" BorderColor="Transparent">
Nov 05, 2011 04:42 PM|bl4nk|LINK
Yeah, already tried that, I'm still getting the same results. On IE9 I get a dotted, white colored border too. Not to mention that
works for the menu but not the panel control in IE9. Got to hate difference in rendering from browser to browser...