איך אני מגדיר שכשלוחצים על קישור לא ישתנה צבעו?
-
עשיתי קישור ב html, ואני שם לב שכשאני לוחץ על הקישור זה נהיה אדום בזמן הלחיצה, מה אני צריך לכתוב ב css כדי לבטל את זה?
@איציק-דייטש
התשובה כאן, אבל אני לא מבין בcss
https://stackoverflow.com/questions/8188060/how-to-make-link-not-change-color-after-visited -
@איציק-דייטש אמר באיך אני מגדיר שכשלוחצים על קישור לא ישתנה צבעו?:
עשיתי קישור ב html, ואני שם לב שכשאני לוחץ על הקישור זה נהיה אדום בזמן הלחיצה, מה אני צריך לכתוב ב css כדי לבטל את זה?
אתה צריך לשנות את כללי ה-CSS שלו המגדירים אותו בpseudo-class - active
כלומר:
משהו כזה:a:active { color: blue; }מקווה שהובנתי
תגגל על pseudo-class אם אתה עדיין לא מכיר את המושג (CSS)
יש הסבר לזה במדריך של @מוטי-אורן כאן -
@איציק-דייטש אמר באיך אני מגדיר שכשלוחצים על קישור לא ישתנה צבעו?:
עשיתי קישור ב html, ואני שם לב שכשאני לוחץ על הקישור זה נהיה אדום בזמן הלחיצה, מה אני צריך לכתוב ב css כדי לבטל את זה?
אתה צריך לשנות את כללי ה-CSS שלו המגדירים אותו בpseudo-class - active
כלומר:
משהו כזה:a:active { color: blue; }מקווה שהובנתי
תגגל על pseudo-class אם אתה עדיין לא מכיר את המושג (CSS)
יש הסבר לזה במדריך של @מוטי-אורן כאן -
@chv הקוד שנתת מובן לחלוטין, וזה עזר לי מאוד!!
השאלה רק אם יש אפשרות שלא יהיה בכלל, זתומרת שישאר הצבע שיש לפני -
@איציק-דייטש לא הבנתי מה הבעיה להגדיר את הצבע שיש לפני, על active.
הנה דוגמא פשוטה לחצתי על הלינק של 'לפני 3 דקות' ובדקתי את ה-CSS שלו:
כמו שאתה רואה, באותו כלל הם דחפו את כל המצבים של הלינק (אקטיבי, בפוקוס, במעבר)
בכל המצבים הוא יישאר אותו צבע -
@איציק-דייטש
התשובה כאן, אבל אני לא מבין בcss
https://stackoverflow.com/questions/8188060/how-to-make-link-not-change-color-after-visited@menis אמר באיך אני מגדיר שכשלוחצים על קישור לא ישתנה צבעו?:
@איציק-דייטש
התשובה כאן, אבל אני לא מבין בcss
https://stackoverflow.com/questions/8188060/how-to-make-link-not-change-color-after-visitedזה ל visited ואני הייתי צריך ל active
-
עשיתי קישור ב html, ואני שם לב שכשאני לוחץ על הקישור זה נהיה אדום בזמן הלחיצה, מה אני צריך לכתוב ב css כדי לבטל את זה?
-
@איציק-דייטש תנסה לכתוב:
text-decoration: none;@יוסף-צאיג קודם כל אני ממליץ לך בחום לקרוא את חוקי הפורום!
דבר שני אני ממליץ עוד יותר בחום לקרוא את מדריך לשימוש בפורום
כי קוד כותבים ככהtext-decoration: none;
ולעניינינו...
מה שהצעת בכלל הקו התחתון של הקישור ולא הצבע חוצמיזה שאם תעלה למעלה ותסתכל טוב, תשים לב שזה כבר הסתדר לי
תודה בכל מקרה!
-
@יוסף-צאיג קודם כל אני ממליץ לך בחום לקרוא את חוקי הפורום!
דבר שני אני ממליץ עוד יותר בחום לקרוא את מדריך לשימוש בפורום
כי קוד כותבים ככהtext-decoration: none;
ולעניינינו...
מה שהצעת בכלל הקו התחתון של הקישור ולא הצבע חוצמיזה שאם תעלה למעלה ותסתכל טוב, תשים לב שזה כבר הסתדר לי
תודה בכל מקרה!
-
@איציק-דייטש נכון שזה מוסב על הקו התחתון אבל אם תשים לזה צבע זה יעבוד
color: white;
למשל.
ותודה על ההמלצות@יוסף-צאיג מצטער שאני אומר לך את זה אבל נשמע שאין לך מושג ב css
-
@יוסף-צאיג מצטער שאני אומר לך את זה אבל נשמע שאין לך מושג ב css
-
א אלישי העביר נושא זה מ-CSS3 ב-
שלום! נראה שהשיחה הזו מעניינת אותך, אבל עדיין אין לך חשבון.
נמאס לכם לגלול בין אותם הפוסטים בכל ביקור? כשנרשמים לחשבון, תמיד תחזרו בדיוק למקום שבו הייתם קודם, ותוכלו לבחור לקבל התראות על תגובות חדשות (בין אם במייל, ובין אם בהתראת פוש). תוכלו גם לשמור סימניות ולפרגן ב-upvote לפוסטים כדי להביע הערכה לחברי קהילה אחרים.
בעזרת התרומה שלך, הפוסט הזה יכול להיות אפילו טוב יותר 💗
הרשמה התחברות { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}