• 0

لا ينجح تغيير لون الرابط على ملف css باستعمال bootstrap؟

على ملف التنسيق وباستعمال إطار العمل bootstrap، أريد تغيير لون الرابط عند الضغط عليه، الكود:

$(".nav li").on("click", function() {
$(".nav li").removeClass("active");
$(this).addClass("active");
});

لكن للأسف لا ينحج الأمر معي، فكيف أفعل ذلك؟

Screenshot from 2016-05-28 15:29:53.png

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يمكنك الاعتماد على css لتغيير لون أو شكل الرابط عند الضغط عليه، وذلك عن طريق خاصية active المخصصة للوسوم المفعلة active، وكمثال لما تبحث عنه:

.nav li a:active{
    background-color: yellow;
}

حيث سيصبح الرابط بعد الضغط عليه باللون الأصفر كما هو مبين في الصورة:

Screenshot from 2016-05-28 22:45:04.png

مثال عملي:

  • CSS:
 body { background-color: #ffffc9; }
a:link { color: blue; } /* unvisited links */
a:visited { color: purple; } /* visited links */
a:hover { font-weight: bold; } /* user hovers */
a:active { color: lime; } /* active links */
  • HTML:
<body>
  <p>Le lien suivant deviendra vert clair pendant 
     le clic : <a href="#">Mozilla Developer Network</a>.
  </p>
</body>

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن