שינוי option בעת מעבר html

[מיכל46]

יש לי רשימה של select, אני מעבירה את העכבר על כל פריט ברשימה - צבע תכלת. (ברירת מחדל)
איך משנים אותו?
ניסיתי option:hover
option:focus
ושום דבר לא זז, מה יכול להיות?

 

[UU]

תנסי select:hover

 

[תא חזי]

משיטוט קל, נראה שאין אופציה כזו בCSS - אבל אפשרי להשיג שינוי באמצעות ג'אווה סקריפט (תוספי JQUERY וכדו')

How to change colour of blue highlight on select box dropdown

How do I change the blue highlight on this dropdown please? link to select box demo I'd like to change the highlight color to gray if this is possible. select { border: 0; color: #EEE;...

stackoverflow.com

 

[תהילה ברג]

יש אופציה לתת class ל option?
או לשים בפנים div?

 

[מיכל46]

משיטוט קל, נראה שאין אופציה כזו בCSS - אבל אפשרי להשיג שינוי באמצעות ג'אווה סקריפט (תוספי JQUERY וכדו')

How to change colour of blue highlight on select box dropdown

How do I change the blue highlight on this dropdown please? link to select box demo I'd like to change the highlight color to gray if this is possible. select { border: 0; color: #EEE;...

stackoverflow.com

איך אני מוסיפה תוסף כזה לאנגולר?

 

[מיכל46]

תנסי select:hover

לא עובד

 

[UU]

לא עובד

אז הפתרון היחיד זה ליצור select-option עצמי עם DIVים
זה מורכב ומסובך, אבל אפשרי
יש המון דוגמאות קוד באינטרנט

 

[מיכל46]

אז הפתרון היחיד זה ליצור select-option עצמי עם DIVים
זה מורכב ומסובך, אבל אפשרי
יש המון דוגמאות קוד באינטרנט

אפשר קישור?

 

[דמבלדור]

אפשר לנסות mouseenter שזה ארוע של אנגולר, לא מנסיון אישי, אבל יש סכוי...
ככה זה אמור להיראות.
"(mouseenter)="enter(i)

 

[UU]

אפשר קישור?

מצאתי משהו הרבה יותר פשוט!
שימוש בHTML הרגיל וב-after

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser

www.w3schools.com

 

[דמבלדור]

אפשר לנסות mouseenter שזה ארוע של אנגולר, לא מנסיון אישי, אבל יש סכוי...
ככה זה אמור להיראות.
"(mouseenter)="enter(i)

 

[דמבלדור]

מצאתי משהו הרבה יותר פשוט!
שימוש בHTML הרגיל וב-after

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser

www.w3schools.com

באנגולר לא עושים את זה.
משיטוט קצר.
אם זה היה כ"כ פשוט לא היו אשכולות מסועפים על הנושא הזה בstackoverflow לדוגמה...

 

[UU]

באנגולר לא עושים את זה.
משיטוט קצר.
אם זה היה כ"כ פשוט לא היו אשכולות מסועפים על הנושא הזה בstackoverflow לדוגמה...

רק עכשיו אני רואה שכתוב אנגולר למעלה
בהודעה הפותחת זה לא היה כתוב
לא מבינה מספיק באנגולר, סורי.
בהצלחה בכל אופן!

 

[@shaye]

שימוש בHTML הרגיל וב-after

אם זה היה כ"כ פשוט לא היו אשכולות מסועפים על הנושא הזה בstackoverflow לדוגמה...

יש שמה כמות של JS לא מבוטל וזה אכן לא כל כך פשוט...

באנגולר לא עושים את זה.

למה לא?
באנגולר לא משתמשים עם JS וCSS??
יכול להיות אולי שעם אנגולר מגיע משהו מובנה שיכול לעזור, אבל אין סיבה שהדוגמה הנזכרת לא תעבוד (כמובן אחרי התאמה נכונה לאנגולר - באופן שבו מצביעים לאלמנטים וכו').
בהצלחה!

 

[דמבלדור]

אוקי.
לנושא הזה קוראים pseudo elements.
לא מקובל להשתמש בו באנגולר.
וגם לא תמיד זה עובד.
השאלה הזו נכתבה פה כי זה לא עבד...

 

[@shaye]

לא מקובל להשתמש בו באנגולר.

Pseudo-elements הוא בסך הכל דרך להצביע לחלקים מסויימים של אלמנט, והוא CSS טהור, והנה ציטוט מהדוקומנטציה של אנגולר:

Angular applications are styled with standard CSS. That means you can apply EVERYTHING you know about CSS stylesheets, selectors, rules, and media queries directly to Angular applications.

למה ומנין לך שלא עושים שימוש עם Pseudo-elements באנגולר?

 

[דמבלדור]

בגלל שמדובר spa לא תמיד הארועים זהים לאלו שב html רגיל.
לא בטוחה שזה ההסבר המדויק.

 

[אנונימי123]

לא הבנתי את הבעיה,
אולי אוכל לעזור לך אם תנסחי שוב...

 

[מיכל46]

יש לי רשימה של select, כשעוברים על כל האופציות ברשימה, צבע ברירת המחדל הוא תכלת.
איך אפשר לשנות אותו?

 

[אנונימי123]

מה זה נקרא שעוברים?
שלוחצים!!??
או סתם בריחוף עכבר?