asp.net 메뉴에서 글 머리 기호 제거

Question

내 메뉴에서 글 머리 기호를 제거 할 수 없습니다. 누구든지 나를 도울 수 있습니까?
마스터 페이지 코드 :

<div id="main_menu"> 
    <ul class="level1"> 
     <li><a class="level1 selected" href="home.aspx"> 
          <div class="nav_style"> 
          <span>home</span> 
          </div> 
         </a></li><li><a class="level1" href="what-it-can-do.aspx"> 
          <div class="nav_style"> 
          <span>what it can do</span> 
          </div> 
         </a></li><li><a class="level1" href="#"> 
          <div class="nav_style"> 
          <span>pricing</span> 
          </div> 
         </a></li><li><a class="level1" href="#"> 
          <div class="nav_style"> 
          <span>news & events</span> 
          </div> 
         </a></li><li><a class="level1" href="#"> 
          <div class="nav_style"> 
          <span>partner with us</span> 
          </div> 
         </a></li> 
    </ul> 
</div> 

편집
되지 않음 대답 중 하나가 보인다

여기

.nav_style 
     { 
      list-style-type:none; 
      background-color:#242C32; 
      border-radius:3px; 
      color:#F5F5F5;   
      border-top:6px solid #242C32; 
      border-bottom:6px solid #242C32; 
      border-left:12px solid #242C32; 
      border-right:12px solid #242C32; 
      font:13px calibri; 
     } 

생성 된 HTML이다 : 여기

<asp:Menu ClientIDMode="Static" ID="main_menu" runat="server" Orientation="Horizontal"> 
     <StaticItemTemplate> 
     <div class="nav_style"> 
      <asp:Label runat="server" Text='<%# Eval("Text") %>' /> 
     </div> 
     </StaticItemTemplate> 
    <Items> 
     <asp:MenuItem NavigateUrl="~/home.aspx" Text="home" /> 
     <asp:MenuItem NavigateUrl="~/what-it-can-do.aspx" Text="what it can do" /> 
     <asp:MenuItem NavigateUrl="#" Text="pricing" /> 
     <asp:MenuItem NavigateUrl="#" Text="news & events" /> 
     <asp:MenuItem NavigateUrl="#" Text="partner with us" /> 
    </Items> 
</asp:Menu> 

내 CSS 코드입니다 나를 위해 일하는 것, 다른 제안? 고맙습니다.

Answer 1

직접 처리 할 수 ​​있습니다. 내 CSS 파일에서 전체 페이지

background:url('../img/blue_bullet.png') 

총알 설정 배경은 내가, 내 CSS를 참고

.nav_style li 
    { 
     background:none; 
    } 

Answer 2

생성 된 HTML의 경우 다음 블록에서 글 머리표를 제거해야합니다.

.level1 
{ 
    list-style:none; 
} 

더 일반적인 방법은 같은과 함께 생성 된 <ul>을 대상으로하는 다음

#main_menu ul 
    { 
     list-style:none; 
    } 

동작하는 예제 : http://jsfiddle.net/U2Vgf/1/

Answer 3

CSS로하여 재설정을 시도

을

#main_menu * 
{ 
    list-style: none; 
} 

Demo

Answer 4

이 시도 :

#main_menu ul 
{ 
    list-style:none; 
} 

Answer 5

가로 CSS 스타일을 다시 정의 :

.nav_style ul 
{ 
    ... 
} 

이 사업부에서 nav_style 클래스를 제거합니다. 대신 Menu 마크 업에서 CssClass = "nav_style"을 사용하십시오.

Answer 6

에 추가 그냥 아무것도이 일을 언급갑니다 있었다. 렌더링 된 html을 보면 테이블 셀이 내 목록 항목에 추가되고 (전체 메뉴는 테이블 렌더링 구조 임), 웹킷의 배경 이미지로 글 머리 기호 아이콘을 사용하고 있음을 보여줍니다. 그것을 무시하려면 내 경우에는 아무것도 아니었던 자신의 글 머리 기호를 지정하십시오. 그래서 2x2px 흰색 PNG 파일을 만들고 총알 셀의 배경으로 사용되는 "StaticPopoutImageURL (정적 이미지 팝업 URL)"컨트롤 속성을 지정했습니다. 메뉴 컨트롤 레이아웃 코드는 다음과 같습니다.

<asp:Menu ID="MyMenu" runat="server" 
       DisappearAfter="100" 
       StaticDisplayLevels="1" 
       Orientation="Vertical" 
       StaticPopoutImageURL="/Images/White2x2px.png" 
       CssClass="my anchor/ul styles"> 
       ..... 
    </asp:Menu> 

희망 사항은 어디에서나 답을 찾을 수 있기를 바랍니다. 짐