Стиль списка UL не применяется - PullRequest
Новая
       33

Стиль списка UL не применяется

44 голосов
/ 28 января 2009

У меня есть таблица стилей, которая по какой-либо причине не будет применять list-style-type к элементу UL. Я использую Yrid's Grid CSS с файлом reset-fonts-grid.css, который, как я знаю, удаляет это как часть сброса CSS.

После вызова YUI я вызываю таблицу стилей для веб-сайта, и там есть блок для UL: 

ul {list-style-type: disc;}

Я также пытался установить его в стиле списка, но получил тот же результат. Я знаю, что вышеупомянутый блок CSS читается так, как будто я добавляю такие вещи, как отступы или поля, которые применяются. Тип стиля не отображается ни в Firefox, ни в IE.

Единственный другой CSS, который я применил к UL, находится в #nav div, но этот CSS не затрагивает тип стиля списка, он использует сброс, предоставленный YUI, а YUI и таблица стилей сайта являются только два CSS-листа, которые называются.

У меня также есть FCKEditor на стороне администратора сайта, и этот редактор отображает стили маркеров, поэтому я знаю, что это должно быть что-то с CSS, который не фильтруется FCKEditor.

Ответы [ 13 ]

130 голосов
/ 13 мая 2009

Вы должны включить в свой css следующее:

li { display: list-item; }

Это запускает Firefox, чтобы показать диск.

34 голосов
/ 10 августа 2010

, и вы также можете указать левое поле, если используемый вами reset.css делает все поля пустыми: это означает: 

li {
list-style: disc outside none;
display: list-item;
margin-left: 1em;
}

Если вы примените этот CSS после сброса, он должен работать!

Матье Рикод

18 голосов
/ 21 ноября 2012

У меня была эта проблема, и оказалось, что у меня не было никакого отступа на ul, который не давал видеть диски.

Маржа с этим тоже портится

18 голосов
/ 28 января 2009

Если я не ошибаюсь, вы должны применять это правило к li, а не к ul. 

ul li {list-style-type: disc;}
15 голосов
/ 01 февраля 2011

Убедитесь, что в 'li' не применено overflow: hidden.

13 голосов
/ 15 мая 2012

Эта проблема была вызвана атрибутом li display, установленным в block в родительском классе. Переопределение с list-item решило проблему.

3 голосов
/ 23 августа 2017

Мой reset.css был margin: 0, padding: 0. После нескольких часов поиска и устранения неисправностей это сработало: 

li {
    list-style: disc outside none;
    margin-left: 1em;
}

ul {
    margin: 1em;
}
3 голосов
/ 25 апреля 2012

У меня была эта проблема, и оказалось, что у меня не было никакого отступа на ul, который не давал видеть диски.

2 голосов
/ 28 января 2009
  • Пытались ли вы следовать правилу с помощью! Important?
  • Какую таблицу стилей показывает FireBug с последним контролем над элементом?
  • Это живое место, где его могут увидеть другие?

Обновление

Я вполне уверен, что предоставление примеров кода поможет вам быстрее получить решение. Если вы можете загрузить пример этой проблемы где-нибудь или предоставить разметку, чтобы мы могли проверить ее на наших локальных хостах, у вас будет больше шансов получить ценный вклад.

Проблема с вопросами заключается в том, что они заставляют других верить, что человек, задающий вопрос, обладает достаточными знаниями, чтобы задать вопрос. В программировании это не всегда так. Возможно, вы что-то пропустили или случайно отправили. Если другие не следят за вашим кодом, они должны предположить, что вы ничего не пропустили и ничего не пропустили.

1 голос
/ 08 марта 2019

Все, что вам нужно сделать, это добавить этот класс в ваш CSS. 

.ul-no-style { list-style: none; padding: 0; margin: 0; }

Включение отступов и полей, установленных на 0, чрезвычайно важно. Поверь мне.

Страница:
...