Избавляемся от пулевых очков от <ul>

Question

У меня есть следующий список:

 <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>

Я хочу избавиться от пуль, поэтому я попробовал:

 ul#otis {
 list-style-type: none;
 }

Это не сработало. Как правильно удалить маркеры из отображаемого списка?

Answer 1

Предполагая, что это не сработало, вы можете объединить селектор на основе id с li, чтобы применить css к элементам li:

#otis li {
    list-style-type: none;
}

Ссылка:

• list-style-type в Центре разработчиков Mozilla .

Answer 2

У меня была такая же крайняя раздражающая проблема, поскольку сценарий не обращал внимания на мою таблицу стилей. Итак, я написал:

<ul style="list-style-type: none;">

Это не сработало. Итак, вдобавок , я написал:

<li style="list-style-type: none;">

Вуаля! это сработало!

Answer 3

следующий код

#menu li{
  list-style-type: none;
}

<ul id="menu">
        <li>Root node 1</li>
        <li>Root node 2</li>
    </ul>

даст такой вывод:

Answer 4

Чтобы удалить маркеры из неупорядоченных списков, вы можете использовать:

list-style: none;

Вы также можете использовать:

list-style-type: none;

Либо работает, но первый - более короткий способ получить тот же результат.

Answer 5

Попробуйте вместо этого, протестировано на Chrome / Safari

ul {
 list-style: none;
}

Answer 6

Поставьте

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

непосредственно перед списком, чтобы проверить его.Или

<ul style="list-style-type: none;">

Answer 7

Чтобы удалить пулю из UL, вы можете просто использовать list-style: none; или list-style-type: none; Если все еще не работает, то я думаю, есть проблема Приоритет CSS . Может быть, глобально UL уже определен. Так что лучший способ добавить класс / ID к этому конкретному UL и добавить туда CSS . Надеюсь, это сработает.

Answer 8

для встроенной таблицы стилей попробуйте этот код

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>

Answer 9

У меня была та же проблема, и способ, которым я в итоге исправил ее, был таким:

ul, li{
    list-style:none;
    list-style-type:none;
}

Может быть, это немного экстримально, но когда я это сделал, это сработало для меня.

---

Надеюсь, это помогло

Answer 10

Должно быть что-то еще.

Потому что:

   ul#otis {
     list-style-type: none;
   }

должно просто работать.

Возможно, существует какое-то правило CSS, которое перезаписывает его.

Используйте вашего инспектора DOM, чтобы узнать.