Ответ 1
Предполагая, что это не сработало, вы можете объединить селектор id
с li
, чтобы применить CSS к элементам li
:
#otis li {
list-style-type: none;
}
Ссылка:
У меня есть следующий список:
<ul id="otis">
<li>Benz</li>
<li>Other Benz</li>
<li>Other Other Benz</li>
</ul>
Я хочу избавиться от пуль, поэтому я попробовал:
ul#otis {
list-style-type: none;
}
Тем не менее, это не сработало. Каков правильный способ удаления пули из отображаемого списка?
Предполагая, что это не сработало, вы можете объединить селектор id
с li
, чтобы применить CSS к элементам li
:
#otis li {
list-style-type: none;
}
Ссылка:
У меня была такая же крайняя раздражающая проблема, так как script не обращал внимания на мой стиль. Поэтому я написал:
<ul style="list-style-type: none;">
Это не сработало. Итак, в дополнение, я написал:
<li style="list-style-type: none;">
Voila! это сработало!
Попробуйте это вместо этого, протестировав в Chrome/Safari
ul {
list-style: none;
}
Следующий код
#menu li{
list-style-type: none;
}
<ul id="menu">
<li>Root node 1</li>
<li>Root node 2</li>
</ul>
Чтобы удалить маркеры из неупорядоченных списков, вы можете использовать:
list-style: none;
Вы также можете использовать:
list-style-type: none;
Либо работает, но первый - это более короткий способ получить тот же результат.
Положите
<style type="text/css">
ul#otis {
list-style-type: none;
}
</style>
непосредственно перед списком, чтобы проверить его. Или
<ul style="list-style-type: none;">
Должно быть что-то еще.
Потому что:
ul#otis {
list-style-type: none;
}
должен работать.
Возможно, существует некоторое правило CSS, которое перезаписывает его.
Используйте свой инспектор DOM, чтобы узнать.
У меня была та же проблема, и способ, которым я закончил это, был таким:
ul, li{
list-style:none;
list-style-type:none;
}
Может быть, это немного экстремально, но когда я это сделал, это сработало для меня.
для встроенной таблицы стилей попробуйте этот код
<ul style="list-style-type: none;">
<li>Try This</li>
</ul>
Чтобы удалить маркер из UL, вы можете просто использовать list-style: none; или list-style-type: none; Если все еще не работает, тогда я думаю, что есть проблема с приоритетом css. Может быть глобально UL уже определено. Таким образом, лучший способ добавить класс/идентификатор к этому конкретному UL и добавить туда css. Надеюсь, это сработает.
У меня была идентичная проблема.
Решение заключалось в том, что пуля была добавлена через фоновое изображение, а не через тип списка. Быстрый "фон: нет" и Боб твой дядя!
ваш код:
ul#otis {
list-style-type: none;
}
мое предложение:
#otis {
list-style-type: none;
}
в css вам нужно использовать только #id
not element#id
. более полезные подсказки приведены здесь:
w3schools