自定義箭頭向上/向下Accordion垂直菜單基礎6

Question

如何在Accordion垂直菜單的Foundation 6中更改標準箭頭（向上/向下）至自定義圖標箭頭向上/向下？

謝謝。

Answer 1

查看手風琴的源代碼後，您可以更改箭頭的content屬性並覆蓋Foundation的默認設置。這是Foundation's Docs默認屬性：

.accordion-title::before { 
    position: absolute; 
    top: 50%; 
    right: 1rem; 
    margin-top: -0.5rem; 
    content: '+'; 
} 

所以，無論你喜歡content屬性更改 - Font Awesome，一些html entity或其他任何東西：

.accordion-title::before { 
    // Font Awesome implementation: 
    content: "\f000"; 

    // HTML entity: 
    content:"\003e"; 
} 

快樂探索:)