html - Safari 中的选项之前的内容 css 不起作用

Question

我之前在带有 CSS 选择器的选择下拉列表中使用了复选框符号，但在 safari 中不起作用（chrome 和 firefox 都可以）。

option:before { content: "☐"}
option:before { content: "text"}

我不明白为什么，我在选项中尝试了另一个标签，但没有。

标签： htmlcss

Answer 1

我假设您尝试向<option>内的元素添加一个复选符号<select>，对吗？

<select>不支持伪选择器及其行为依赖于系统。

此外，如果您使用自定义字体 - 此字体可能缺少一些特殊字符。因此，请确保您的字体包含您需要的所有字符，或者指定一个 Web 安全字体，如本例所示。