Entfernen von "Kugeln" aus einer unsortierten Liste <ul>

Habe ich dies eingestellt:

list-style: none outside none;

Und HTML:

<ul class="menu custompozition4">
    <li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
    </li>
    <li class="item-508"><a href="#">Executive Recruitment</a>
    </li>
    <li class="item-509"><a href="#">Leadership Development</a>
    </li>
    <li class="item-510"><a href="#">Executive Capability Review</a>
    </li>
    <li class="item-511"><a href="#">Board and Executive Coaching</a>
    </li>
    <li class="item-512"><a href="#">Cross Cultutral Coaching</a>
    </li>
    <li class="item-513"><a href="#">Team Enhancement &amp; Coaching</a>
    </li>
    <li class="item-514"><a href="#">Personnel Re-deployment</a>
    </li>
</ul>

aber selbst, wenn die Kugeln angezeigt werden. (Ich bin mir nicht ganz sicher, dass das ul an Kugeln, weil, wenn Sie mit dem text die "Kugeln" bekommen Unterstrichen.)

Bild Demo:
http://i.stack.imgur.com/EoXko.png

Der Dritten Ebene aus dem Menü

  • Sollten Sie veröffentlichen Sie Ihre html auch hier. Links gehen schlecht über die Zeit.
  • es ist besser, ändern Sie die akzeptierte Antwort auf das hoch-zum veröffentlichen zur Verfügung gestellt von @newtonrd, wie es ist, das eigentliche einfache Antwort. dies kann den Menschen helfen, die nach dieser und erreichen Sie hier...
  • Ich habe bereits in meiner Frage, die ich habe versucht list-style-type zu none, aber das hat nicht geholfen. So, die Antwort geholfen mein problem ist als angenommen markiert. 🙂
  • Mögliche Duplikate von Brauchen Sie eine ungeordnete Liste ohne Aufzählungszeichen
InformationsquelleAutor Ivanka Todorova | 2013-08-03
  1. 9
    ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
  content: "\2022";
  font-family: FontAwesome;
  margin-right: 10px;
  display: inline;
  vertical-align: middle;
  font-size: 1.6em;
  font-weight: normal;
}

    Ist, die in Ihrer Website ist CSS, wie es aussieht, kommt aus einer kompilierten CSS-Datei innerhalb der Anwendung. Vielleicht von einem plugin. Ändern Sie den Namen der "Menü" - Klasse, die Sie verwenden, sollte das Problem beheben.

    Visual für Sie - http://i.imgur.com/d533SQD.png

    • link ist jetzt tot
    InformationsquelleAutor zajd
  2. 184

    Haben Sie versucht, die Einstellung 

    li {list-style-type: none;}

    Laut Müssen eine ungeordnete Liste ohne Aufzählungszeichen, müssen Sie diesen Stil, um die li-Elemente.

    • schön und einfach. vielen Dank für das teilen!
    • Es ist einfacher, um den Stil der übergeordneten <ul>.
    InformationsquelleAutor newtonrd
  3. 10

    Können Sie entfernen Sie die "Kugeln" durch die Einstellung der "list-style-type: none;" Wie

    ul
{
    list-style-type: none;
}

    ODER

    <ul class="menu custompozition4"  style="list-style-type: none;">
    <li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
    </li>
    <li class="item-508"><a href="#">Executive Recruitment</a>
    </li>
    <li class="item-509"><a href="#">Leadership Development</a>
    </li>
    <li class="item-510"><a href="#">Executive Capability Review</a>
    </li>
    <li class="item-511"><a href="#">Board and Executive Coaching</a>
    </li>
    <li class="item-512"><a href="#">Cross Cultutral Coaching</a>
    </li>
    <li class="item-513"><a href="#">Team Enhancement &amp; Coaching</a>
    </li>
    <li class="item-514"><a href="#">Personnel Re-deployment</a>
    </li>
</ul>
    InformationsquelleAutor Muhammad Awais
  4. 2

    In der css-Datei fügen Sie die folgende.

    ul{
 list-style-type: none;
}
    InformationsquelleAutor Rajan Patil
  5. 1

    In meinem Fall

    li {
  list-style-type : none;
}

    Jedoch nicht, die Kugel aber, welche etwas Platz für die Kugel.

    Benutze ich 

    li {
  list-style-type : '';
}

    Funktioniert es perfekt.

    • Dies ist kein gültiges CSS. Sie können entfernen Sie die Leerzeichen durch die Einstellung der padding oder margin auf 0.
    • Ich weiß nicht, warum es funktionierte. Aber es funktionierte in meinem Fall. @IvankaTodorova
    InformationsquelleAutor vichu
  6. -3

    Versuchen das es funktioniert

    <ul class="sub-menu" type="none">
           <li class="sub-menu-list" ng-repeat="menu in list.components">
               <a class="sub-menu-link">
                   {{ menu.component }}
               </a>
           </li>
        </ul>
    InformationsquelleAutor Ignatius Andrew
Schreibe einen Kommentar