Chevron Down 图标未显示在语义下拉列表中

Question

我需要将语义 UI 下拉图标从 Caret Down('\f0d7') 更改为 Chevron Down ('\f078')。

我确实遵循了以下 JSFiddle 中的建议，但它对我不起作用。 https://github.com/Semantic-Org/Semantic-UI/issues/5104

我已经在 jSFiddle 中上传了示例代码 https://jsfiddle.net/6jgqxc1a/4/

.ui.dropdown > .dropdown.icon:before {
    content: '\f0d7';
}

这只是一个示例代码。下拉菜单可能不起作用，但您可以更改第 98 行的图标值。如果我将值更改为 Caret Up('\f0d8')、Left('\f0d9') 和 right('\f0da') 那么它就可以工作了。但是，如果将值更新为 ('\f078')，它只会显示一个矩形。我不确定我是否在这里做错了什么。

欢迎任何意见或建议

Answer 1

内容只使用 svg 怎么样？:

https://jsfiddle.net/6ggxj6f1/

    .ui.dropdown > .dropdown.icon:before {
        content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='21' fill='Red' stroke='none'><path d='M0,0 6,18 L12,0 L0,0 Z'></path></svg>");
}

Chevron Down 图标未显示在语义下拉列表中

Chevron Down icon not displaying in Semantic Dropdown

css

asp.net

semantic-ui