web-dev-qa-db-ja.com

順不同リストから「箇条書き」を削除<ul>

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

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の箇条書きであるかどうかはわかりません。)

画像デモ: http://i.stack.imgur.com/EoXko.png

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

39
Ivanka Todorova
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

9
zajd

設定してみましたか

li {list-style-type: none;}

箇条書きのない順序なしリストが必要 に従って、このスタイルをli要素に追加する必要があります。

184
newtonrd

"list-style-type:none;" Likeを設定することで"bullets"を削除できます

ul
{
    list-style-type: none;
}

OR

<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>
10
Muhammad Awais

Cssファイルに以下を追加します。

ul{
 list-style-type: none;
}
2
Rajan Patil

私の場合

li {
  list-style-type : none;
}

箇条書きは表示されませんが、箇条書きのためのスペースが残っています。

私が使う

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

完璧に機能します。

1
vichu