Шаблон электронной почты HTML удалить маркеры из ul

Question

В настоящее время я пытаюсь создать несколько шаблонов электронной почты для отправки через почтовый клиент (в данном случае SendGrid).Проведя некоторое исследование о том, как создавать эти шаблоны, я пришел к выводу, что использование обычного HTML & CSS - не самый лучший способ, так как препроцессоры почтового клиента (в основном Gmail и Outlook) не работают.почти все стили, которые были применены, которые не являются встроенными.Однако у меня все еще есть одна проблема.

Кажется, я не могу избавиться от пунктов маркера, используя List-style-type:, даже не встроенные в UL и в каждом теге LI.У кого-нибудь есть опыт, как убрать маркеры из UL или LI, когда дело доходит до шаблонов электронной почты?

Answer 1

Вы можете добавить list-style-type: none; к тэгам ol, ul и применить его принудительно, вы можете добавить '! Important'

например: list-тип стиля: нет! важный;

Answer 2

Если обычный CSS не работает, то вы можете попытаться установить пустое прозрачное изображение 1x1 в качестве маркеров списка.

ul.a {
    list-style-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=');
}

Answer 3

Вам нужно установить list-style-type: none; в элемент li для удаления точек маркера.

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