by Anonymous » 26 Aug 2025, 09:20
Ich möchte das Schraubenschlüssel -Symbol mit einem blauen Umriss und einer weißen/transparenten Farbe stylen. Das Ikone ist im Moment schwarz, also kann ich es sehen, aber ich möchte, dass das Symbol so aussieht wie dieses
https://www.flaticon.com/free-icon/spanner_759749.
.my-wrench{
transform: rotate(90deg); /* Rotates the icon 90 degrees clockwise */
color: black
outline-color: blue
outline-style: solid;
}
< /code>
Ich habe versucht, ein Mat-Icon-Element hinzuzufügen, aber das macht den Schraubenschlüssel blau anstelle von schwarz < /p>
Code: Select all
.my-wrench mat-icon {
color: blue;
}
< /code>
HTML für Symbol < /p>
build
Edit Columns
class="table-config-menu-options"
style="display: flex; flex-direction: column; padding: 8px"
>
{{cd.label}}
[url=viewtopic.php?t=14917]Ich möchte[/url] das Schraubenschlüssel -Symbol mit einem blauen Umriss und einer weißen/transparenten Farbe stylen. Das Ikone ist im Moment schwarz, also kann ich es sehen, aber ich möchte, dass das Symbol so aussieht wie dieses https://www.flaticon.com/free-icon/spanner_759749.
.my-wrench{
transform: rotate(90deg); /* Rotates the icon 90 degrees clockwise */
color: black
outline-color: blue
outline-style: solid;
}
< /code>
Ich habe versucht, ein Mat-Icon-Element hinzuzufügen, aber das macht den Schraubenschlüssel blau anstelle von schwarz < /p>
[code] .my-wrench mat-icon {
color: blue;
}
< /code>
HTML für Symbol < /p>
build
Edit Columns
class="table-config-menu-options"
style="display: flex; flex-direction: column; padding: 8px"
>
{{cd.label}}
[/code]