Избавление от пулевых точек от <ul>

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

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

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

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

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

Ответ 1

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

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

Ссылка:

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

Ответ 2

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

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

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

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

Voila! это сработало!

Ответ 3

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

ul {
 list-style: none;
}

Ответ 4

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

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

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

Ответ 5

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

list-style: none;

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

list-style-type: none;

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

Ответ 6

Положите

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

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

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

Ответ 7

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

Потому что:

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

должен работать.

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

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

Ответ 8

У меня была та же проблема, и способ, которым я закончил это, был таким:

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

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

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

Ответ 9

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

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

Ответ 10

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

Ответ 11

У меня была идентичная проблема.

Решение заключалось в том, что пуля была добавлена через фоновое изображение, а не через тип списка. Быстрый "фон: нет" и Боб твой дядя!

Ответ 12

ваш код:

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

мое предложение:

#otis {
    list-style-type: none;

}

в css вам нужно использовать только #id not element#id. более полезные подсказки приведены здесь: w3schools