שינוי הצבע של סימון הטקסט (Highlight) עם CSS

היום, אנו חונכים את האתר החדש עם מדריך קטנטן שמוסיף המון. היום נלמד איך עושים צבע ספציפי כאשר מישהו מסמן את הטקסט באתר שלכם עם העכבר… קוראים לזה Highlight ונעשה את הסטיילינג הזה בעזרת CSS ובצורה דיי קלה (אם אתם מבינים עניין).

אז על מה מדובר? הנה תמונה של לפני ואחרי

אז איך עושים את זה?

זה מאוד מאוד פשוט! מדובר על קוד CSS בן שורת קוד אחת בלבד שאתם צריכים להוסיף אל הקובץ CSS של האתר שלכם…  הנה הקוד בו אני השתמשתי באתר שלי

::selection {
background: #ee4740;
color: #fff;
}

אני רוצה להחיל את זה רק בתוך DIV מסוים

אין בעיה, פשוט הוסיפו את הקלאס של הDIV לפני הקוד CSS שהגדרנו

.div-class ::selection {
background: #ee4740;
color: #fff;
}

מדריך CSS פשוט וקל!

טוב… היה מאוד קצרצר – אני מקווה שאהבתם וכי מצאתם את הטריק הקטן הזה לשימושי. אתם מוזמנים להרשם לרשימת התפוצה שלנו כדי להישאר מעודכנים בכל המדריכים השווים. אל תשכחו לפרגן עם לייק

בברכה, שגיב SEO