Button icons werden nicht dargestellt
bearbeitet von
Hallo liebe Leute,
ich verzweifele,
wie kann ich auf meine unterschiedlichen buttons zugreifen
~~~HTML
/* Buttons mit Icons anreichern */
.treeitem + [aria-expanded="true"]::before { content: '\f357'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* arrow-alt-up */
.treeitemmein + [aria-expanded="true"]::before { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* fa-times X */
.treeitem + [aria-expanded="false"]::before { content: '\f354'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* arrow-alt-down */
.treeitemmein + [aria-expanded="false"]::before { content: '\f0c9'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* fa-bars Sandwich */
~~~
WOBEI .treeitemmein ==> ist ein Sandwich-Button bzw. ein X bei aria-expandet="true"
.treeitem ==> ist ein Pfeil nach unten bzw. ein Pfeil nach oben bei aria-expandet="true"
mein html
[](/images/c9d35775-a615-47b2-bd26-1dfafff9868e.jpg)
So wie oben das CSS funktioniert nicht, WARUM?
Es wird nur ein Strich dargestellt bzw ein Punkt. Die Verlinkungen zum Font-Awesome stimmen.
der einsiedelnde
Button icons werden nicht dargestellt
bearbeitet von
Hallo liebe Leute,
ich verzweifele,
wie kann ich auf meine unterschiedlichen buttons zugreifen
~~~HTML
/* Buttons mit Icons anreichern */
.treeitem + [aria-expanded="true"]::before { content: '\f357'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* arrow-alt-up */
.treeitemmein + [aria-expanded="true"]::before { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* fa-times X */
.treeitem + [aria-expanded="false"]::before { content: '\f354'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* arrow-alt-down */
.treeitemmein + [aria-expanded="false"]::before { content: '\f0c9'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* fa-bars Sandwich */
~~~
WOBEI .treeitemmein ==> ist ein Sandwich-Button bzw. ein X bei aria-expandet="true"
.treeitem ==> ist ein Pfeil nach unten bzw. ein Pfeil nach oben bei aria-expandet="true"
mein html
[](/images/c9d35775-a615-47b2-bd26-1dfafff9868e.jpg)
So wie oben das CSS funktioniert nicht, WARUM?
der einsiedelnde
Button icons werden nicht dargestellt
bearbeitet von
Hallo liebe Leute,
ich verzweifele,
wie kann ich auf meine unterschiedlichen buttons zugreifen
~~~HTML
/* Buttons mit Icons anreichern */
.treeitem + [aria-expanded="true"]::before { content: '\f357'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* arrow-alt-up */
.treeitemmein + [aria-expanded="true"]::before { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* fa-times X */
.treeitem + [aria-expanded="false"]::before { content: '\f354'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* arrow-alt-down */
.treeitemmein + [aria-expanded="false"]::before { content: '\f0c9'; font-family: 'Font Awesome 5 Pro'; src: local('Font Awesome 5 Pro'); font-size: 2.1rem; } /* fa-bars Sandwich */
~~~
mein html
[](/images/c9d35775-a615-47b2-bd26-1dfafff9868e.jpg)
So wie oben das CSS funktioniert nicht, WARUM?
der einsiedelnde