css - Foundation5 自定义轨道左/右箭头

Question

我有这段代码，取自轨道幻灯片自定义下一个上一个按钮链接左右箭头

.orbit-container .orbit-prev span,
.orbit-container .orbit-next span {
    color: red;
    border: none;
    font-size: 70px;
    text-indent: 0;
    margin-top: -32px;
}

.orbit-container .orbit-prev {
    background-color: transparent;
}
.orbit-container .orbit-prev span:before {
    content: "\2039";
}
.orbit-container .orbit-next {
    background-color: transparent;
}
.orbit-container .orbit-next span:before {
    content: "\203A";
}

哪个有效，但是当我尝试用自己的箭头替换时，它不起作用！

我有一个自定义箭头，并将它们导入到 fontello，所以在我的 fontello.css 文件中我有：

.icon-arrow_left_navigate_previous:before { content: '\e846'; } /* '' */
.icon-arrow_right_navigate_next:before { content: '\e847'; } /* '' */

并将其用作课程，但是当我尝试在其中使用它时

.orbit-container .orbit-prev span:before {
        content: "\e846";
}
.orbit-container .orbit-next span:before {
        content: "\e847";
}

这不起作用！

但<i class="icon-arrow_left_navigate_previous"></i>显示向左箭头。

非常感谢任何建议。

Answer 1

确保您的代码实际上覆盖了原始代码并且您的字体正在影响这些元素（检查元素的计算样式），否则这些引用将引用不同字体中的字符。