ימים
שעות
דקות
שניות
הזדרזי! המבצע בתוקף עד 04.04.2024

איך גורמים לקובץ SVG להחליף צבע במעבר עכבר?

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

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

selector svg{
    fill: red !important;
}

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

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

תצליחי,
חגית

2 תגובות

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

כתיבת תגובה

הדרכות נוספות שיכולות לעזור לך

בחנות ווקומרס – איך אפשר להסתיר את הצ’קבוקס הנמצא ליד “משלוח לכתובת אחרת”?

איך ניתן להוסיף אייקון לפני הכותרת בוידג’ט אקורדיון של ג’ט?

איך מחליפים רישיון של אלמנטור פרו באתר? הלקוח שלי קנה אלמנטור פרו לעצמו, והוא ביקש ממני להעביר את הרשיון באתר על שמו.

אפקט CSS לשינוי תמונת רקע לקונטיינר במעבר על כפתור, עם אלמנטור בלי תוספים!

איך לאנדקס אתר חדש בגוגל?

🤫 סוד ההצלחה שלך 🤫

אלופה, יש לך רעיונות מבריקים?

איך לענות בצורה נכונה לפניה של לקוח חדש?
ולמה שהוא ירצה לסגור עסקה דווקא אצלי?

כלים אלופים

10 כלים מומלצים
שיעזרו לך לעבוד מהר יותר
דילוג לתוכן