如何在javascript中禁用Menu控件的样式？

Question

我正在使用Visual Studio 2010和ASP.NET 4.0将Menu控件呈现为HTML列表,因此我可以使用CSS来设置它.这是我在下面使用的代码

<asp:Menu ID="navlist" runat="server" Orientation="Horizontal"
SkipLinkText="" ClientIDMode="Static" DataSourceID="MenuSource" 
MaximumDynamicDisplayLevels="0" IncludeStyleBlock="False" 
StaticDisplayLevels="2">
</asp:Menu>

这将生成以下HTML

<!-- URL shortened -->
<script src="/WebResource.axd?...t=634066906994188146"type="text/javascript"></script>

<div id="navlist">
    <ul>
        <li><a href="link1.html">Link 1</a></li>
        <li><a href="link2.html">Link 2</a></li>
    </ul>
</div>

乍一看,这看起来就像我想要的那样.但是,如果我打开WebResource.axd,则会有一大堆与菜单相关的JavaScript代码.此代码的一部分是将自己的内联样式应用于列表.使用FireBug我可以在javascript执行后查看HTML标记,它看起来像这样:

<div id="navlist" style="float: left;">
    <ul class="level1 static" tabindex="0" style="position: relative; width: auto; float: left;" role="menubar">
        <li role="menuitem" class="static" style="position: relative; float: left;">
            <a href="link1.html" class="level2 static" tabindex="-1">Link 1</a>
        </li><li role="menuitem" class="static" style="position: relative; float: left;">
            <a href="link2.html" class="level2 static" tabindex="-1">Link 2</a></li>
    </ul>
</div>

这些内联样式最终会影响我的页面布局.我不需要WebResource.axd中的任何脚本.如何防止此脚本在页面的最终标记中呈现？

Answer 1

如果您只想使用IncludeStyleBlock属性,可以告诉菜单不要自己设置样式

默认情况下,它打开"true"

<asp:Menu IncludeStyleBlock="False" />

Answer 2

在你的CSS上使用!important