内容属性空在 webkit 中不起作用？答案

【问题标题】：Content property empty doesn't work in webkit?内容属性空在 webkit 中不起作用？
【发布时间】：2015-09-25 23:37:21
【问题描述】：

我对 webkit 中的 Content 属性有疑问。如果内容的值为空，则它不起作用。与所有其他浏览器一起工作，但不适用于 webkit ...

看看这段代码：

问题出在这里：

#list li::before {
  content:""; //this is problem
  display: list-item;
}

此代码在 chrome、firefox、IE ecc 上运行良好。在 ul #list 的每个项目之前的那些浏览器中，只有一个列表样式。但在 safari 中不起作用！在 safari 中有两种列表样式（两个圆圈）。

如果我想看到我的代码在 webkit 中工作，我必须改变这个：

#list li::before {
  /*  content:""; */
  display: list-item;
}

为什么会出现这个问题？

【问题讨论】：

我不清楚你想用该代码实现什么。
一个纵坐标列表，但是如果你在 Webkit 中没有看到 jsfiddle 并且在使用 firefox 之后你就无法理解
webkit 不支持伪元素上的转换？
您无法转换 content 属性，但我仍然不清楚您为什么要使用带有 display:list-item 的伪元素。
因为如果你删除了“display:list-item”，每个item之前不会有一个黄金圈（list-style）。例如，尝试用 firefox 打开 jsfiddle...此外，您认为唯一的方法是在浏览器是 webkit 时执行 js 代码我更改 css 并删除内容：“”???

【解决方案1】：

问题是

{
 display: flex;
}

如果添加 -webkit-flex

就可以了

【讨论】：