Question

我需要从Caret Down（＆＃39; \ f0d7＆＃39;）将语义UI下拉图标更改为Chevron Down（＆＃39; \ f078＆＃39;）。

我确实遵循了以下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（＆＃39; \ f0d8＆＃39;），则左（＆＃39; \ f0d9＆＃39;）和右（＆＃39; \ f0da＆＃39;）然后它可以正常工作。但是，如果将值更新为（＆＃39; \ f078＆＃39;），则只显示一个矩形。我不确定我在这里做错了什么。

任何意见或建议都非常受欢迎

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图标未显示在Semantic Dropdown中

1 个答案: