Question

我的代码来自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>显示左箭头。

任何建议都非常感激。

Answer 1

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

foundation5自定义轨道左/右箭头

1 个答案: