האתר בתהליך הטמעת העיצוב החדש. תודה על הסבלנות :)

החלפת צבע לSVG במעבר עכבר

CSS

בדרך כלל מגדירים צבע רקע עם background-color.

אבל לSVG יש את צריכה להשתמש בהגדרה fill כדי לשנות את הצבע, ככה:

selector svg{
    fill: red !important;
}

וכדי ששינוי הצבע יעבוד במעבר עכבר, את צריכה להוסיף הגדרה של hover לקוד, ככה:

selector svg:hover{
    fill: red !important;
}

תצליחי,
חגית

אשמח לקרוא תגובה ממך

2 תגובות

  1. היי
    תודה חגית על כל ההדרכות
    מאד כיף עוזר!!
    יש לי אייקון SVG שהעלתי לכפתור
    ואני רוצה לשנות לו את הצבע באובר
    הקוד כאן לא עובד לי כנראה בגלל שזה בתוך כפתור.
    איך אני עושה את זה?
    תודה רבה!!!

כתיבת תגובה

עוד הדרכות על CSS

דילוג לתוכן