foundation5定制的轨道左/右箭头

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

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