Удаление "пули" из неупорядоченного списка <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

Третий уровень из меню

Ответ 1

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 из вашего приложения. Возможно, из плагина. Изменение имени класса "меню", которое вы используете, должно решить проблему.

Visual для вас - http://i.imgur.com/d533SQD.png

Ответ 2

Пробовали ли вы настройку

li {list-style-type: none;}

В соответствии с Нужно иметь неупорядоченный список без каких-либо маркеров, вам нужно добавить этот стиль к элементам li.

Ответ 3

Вы можете удалить "bullets" , установив стиль "list-style-type: none;" Like

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>

Ответ 4

В вашем файле css добавьте следующее.

ul{
 list-style-type: none;
}

Ответ 5

В моем случае

li {
  list-style-type : none;
}

Он не показывает пулю, но оставляет поле пули.

Я использую

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

Он отлично работает.

Ответ 6

Попробуйте это, он работает

<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>