时间戳

首页 > 解决方案 > 列表样式类型不适用于 iOS Chrome 版本。87.0

css - 列表样式类型不适用于 iOS Chrome 版本。87.0

问题描述

目标：

希望列表样式在桌面和 iOS Chrome 上看起来相同。

问题：

  1. iOS Chrome 没有list-style-type像我在桌面 Chrome 上看到的那样呈现；li的显示属性设置为list-item，我在哪里搞砸了？
  2. 为什么list-style-type不能在 iOS Chrome 上运行？

以下是源代码： 

#arrow li {
  list-style-type: "\21A0";
}

#thumbs-up li {
  list-style-type: "\1F44D";
}

#svg-arrow li {
  list-style-image: url("https://svgshare.com/i/WCG.svg");
}
<ul id="default">
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ul>

<ul id="arrow">
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ul>

<ul id="thumbs-up">
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ul>

<ul id="svg-arrow">
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ul>

Desktop Chrome (ver. 89.0.4389.114) 如我所愿呈现代码： screenshot for desktop chrome

虽然 iOS 上的 Chrome（版本 87.0.4280.163）没有： iOS chrome 的屏幕截图

搜索了关键字“列表样式不起作用”并找到了一些帖子，但答案并没有解决我的问题：

我没有更改 的display属性li，Chrome 的用户代理样式表已将li的显示属性设置为list-item。

标签： cssioslistgoogle-chrome

解决方案

推荐阅读