Foundation5 自定义轨道左/右箭头答案

【问题标题】：foundation5 custom orbit left/right arrowsFoundation5 自定义轨道左/右箭头
【发布时间】：2014-05-15 16:39:16
【问题描述】：

我有这段代码，取自orbit slideshow custom next prev buttons links left right arrows

.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> 显示向左箭头。

非常感谢任何建议。

【问题讨论】：

标签： css fonts zurb-foundation fontello

【解决方案1】：

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

【讨论】：