内容CSS在safari浏览器中不起作用

内容CSS在safari浏览器中不起作用,css,html,Css,Html,我使用了勾号/复选标记符号(✓) 对于无序列表中的项目符号,但此列表在safari浏览器中不支持,请建议我 Html: <div class="leftcontentdata"> <ul> <li>sffsdfdf</li> </ul> </div> 我已经在EDGE、CHROME和Firefox中测试了你的代码,它运行良好,因此这是Safari的一个防御问题。因为我没有mac电脑,我无法在Safari中测

我使用了勾号/复选标记符号(✓) 对于无序列表中的项目符号,但此列表在safari浏览器中不支持,请建议我

Html:

<div class="leftcontentdata">
  <ul>
    <li>sffsdfdf</li>
  </ul>
</div>

我已经在EDGE、CHROME和Firefox中测试了你的代码,它运行良好,因此这是Safari的一个防御问题。因为我没有mac电脑,我无法在Safari中测试,但我可以提供一些可能有效的解决方案

解决方案1 您可以尝试改用CSS转义代码。如下所示:

.leftcontentdata ul li::之前{
内容:'\2713';
}

  • sffsdfdf

什么不准确?它可能需要实际的字符代码;safari的哪个版本?(请不要说5.1.7…)@Kaido hi,是的safari 5.1.7购买一个真正的macOs系统,从虚拟机安装macOs,或者构建一个黑客软件。但是停止在windows上使用这个safari。它不再受到任何人的支持,上一次更新是在2012年,关于web标准,就像你在使用IE8。所以,是的,很多HTML5功能和来自la的任何APIst 6年在那里不起作用。但这不是一个问题,因为不管怎样,没有人应该使用这个软件,无论是出于安全原因(存在已知的安全问题,这些问题已经存在,而且永远不会得到解决)。但值得一提的是,您的代码在当前的Safari 11.1.2上运行得很好
.leftcontentdata ul li::before {
  content: '✓';
}

.rightcontentdata ul li::before {
  content: '✓';
}