列表樣式圖片不適用於Chrome中的gmail

Question

我正在創建電子郵件模板，並遇到項目符號列表問題。 我無法將列表中的圖像與Chrome配合使用，我想堅持使用列表樣式的圖像，而不是在li-tag上使用背景圖像...對此有解決方案嗎？

ul {
list-style-image: url('../images/Bullet_list_check_sign.png') !important;
display: inline-block !important;
padding-left: 20px !important;
}
ul li {
line-height: 45px !important;
padding-left: 15px !important;
display: list-item !important;
}

<div>
<ul>
<li>Nulla efficitur felis</li>
<li>Nulla efficitur felis</li>
</ul>
</div>

謝謝，J

Answer 1

從技術上講，電子郵件中支持<ul> ， <ol>和<li>作為語義標記，但是我們無法像在Web上那樣可靠地使用CSS對其進行控制。 很多時候我們陷入困境，但是電子郵件客戶端決定顯示它們。 不理想。

如果您想要一個始終顯示的列表，最好將列表創建為<table> ：

<!-- Bullet List -->
<table cellpadding="2" cellspacing="2" border="0"> 
  <tr>
    <td style="vertical-align:top;">&#8226;</td>
    <td>List Item 1</td>
  </tr>
  <tr>
    <td style="vertical-align:top;">&#8226;</td>
    <td>List Item 2</td>
  </tr>
  <tr>
    <td style="vertical-align:top;">&#8226;</td>
    <td>List Item 3</td>
  </tr>
</table>

Answer 2

https://www.campaignmonitor.com/css/

Gmail不支持list-style-type樣式。 另一個解決方案是內嵌圖像並“偽裝”項目符號位置。