Rise Company
20-11-2019, 23:49
حل مشكلة تغير لون الرابط بعد الضغط عليه CSS change link color after click
a - a:visited - a:focus - a:hover - a:active - a:target - a:selected
اهم اكواد css الخاصة بالراوبط قبل و بعد
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
المشكلة :
ان هناك رابط بلون ابيض على خلفية بلون ازرق عند الوقوف عليه يكون hover برتقالى ولكن بعد الضغط عليه يكون اللون ازرق بنفس لون الخلفية وبالتالى يظهر انه مختفي,
حل المشكلة :
1- لا بد ان يتم وضع الكود على الكلاس الصحيح الاساسي هام جدا
2- ضع لون اساسى للكلاس a:link
3- ضع لو هوفر للكلاس a:hover
هتجد ان المشكلة تم حلها بشكل اكيد ولا حاجة للـ a:active - a:target - a:selected
a - a:visited - a:focus - a:hover - a:active - a:target - a:selected
اهم اكواد css الخاصة بالراوبط قبل و بعد
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
المشكلة :
ان هناك رابط بلون ابيض على خلفية بلون ازرق عند الوقوف عليه يكون hover برتقالى ولكن بعد الضغط عليه يكون اللون ازرق بنفس لون الخلفية وبالتالى يظهر انه مختفي,
حل المشكلة :
1- لا بد ان يتم وضع الكود على الكلاس الصحيح الاساسي هام جدا
2- ضع لون اساسى للكلاس a:link
3- ضع لو هوفر للكلاس a:hover
هتجد ان المشكلة تم حلها بشكل اكيد ولا حاجة للـ a:active - a:target - a:selected