如何插入 LUI 图标 "arrow-down" 和 CSS

Question

我正在尝试将带有 CSS 的 LUI (Leonardi UI) 库图标插入我们的网络应用程序 (QlikSense)。

对于只有一个“单词”的图标，例如“播放”，它可以完美地工作：

.source-sans-pro .qv-collapsed-listbox .title-wrapper::after {
    font-family: "LUI icons" !important;
    content: "play";
    padding-right: 10px;
}

但是，当尝试添加带有两个“单词”（例如“向下箭头”）的图标时，它将不再起作用：

.source-sans-pro .qv-collapsed-listbox .title-wrapper::after {
    font-family: "LUI icons" !important;
    content: "arrow-down";
    padding-right: 10px;
}

有人知道如何解决这个问题吗？

Answer 1

尝试将 - 替换为 _（下划线）字符，例如content: "arrow_down";

如何插入 LUI 图标 "arrow-down" 和 CSS

How to insert LUI Icon "arrow-down" with CSS

html

css

qliksense