50

私はこれを設定しました：

list-style: none outside none;

そして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>

弾丸は表示されますが。(テキストにカーソルを合わせると「箇条書き」に下線が引かれるため、それらが ul の箇条書きであるかどうかはよくわかりません。)

画像デモ: https://i.imgur.com/2wsnBqP.png

メニューの 3 番目のレベル

4

7 に答える 7

196

設定してみましたか

li {list-style-type: none;}

Need an unordered list without any bulletsによると、このスタイルを li 要素に追加する必要があります。

于 2013-08-03T02:47:08.130 に答える
15

「list-style-type: none;」を設定することで、 「箇条書き」を削除できます。お気に入り

ul
{
    list-style-type: none;
}

また

<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>
于 2016-04-20T10:09:27.767 に答える
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;
}

サイトの CSS に存在し、アプリケーション内のコンパイル済み CSS ファイルから取得されているように見えます。おそらくプラグインから。使用している「メニュー」クラスの名前を変更すると、問題が解決するはずです。

あなたのためのビジュアル - http://i.imgur.com/d533SQD.png

于 2013-08-03T02:48:52.607 に答える
-3

これを試してみてください

<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>
于 2016-08-25T05:01:31.380 に答える