カスタム矢印アップ/ダウンアコーディオン垂直メニュー財団6

Question

アコーデオン垂直メニュー用のファウンデーション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"; 
} 

ハッピー:)