لماذا hover لايعمل في bootstrap ؟

Naif Alghamdi3 · 2 ديسمبر 2022

السلام عليكم،

قمت بعمل hover لbtn-primary لكنه لايعمل ؟

بهذا الشكل :

.btn-primary{
  background-color: #f05f44;
  border-color: #f05f44;
}

.btn-primary:hover{
  background-color: #ee4b08;
  border-color: #ee4b08;
  border-width: 4px;
}

ما الحل ؟

أسامة زيادة · 2 ديسمبر 2022

بتاريخ 1 ساعة قال NaifAlghamdi:

نفس المشكلة .. ارفقت المشروع في المرفقات هل تستطيع التجربة من طرفك ؟

هي عبارة عن صفحة واحدة بسيطة اتدرب عليها

startup_files.zip

يبدو أنه يحدث تضارب بين التنسيقات الخاصة بك وتنسيقات بوتستراب ، لذلك قم بإعطاء الأولوية لتنسيقاتك من خلال إضافة important! بهذا الشكل

.btn-primary:hover{
  background-color: #ee4b08 !important;
  border-color: #ee4b08 !important;
  border-width: 4px !important;
}

وسوف تنجح التنسيقات

أسامة زيادة · 2 ديسمبر 2022

الظاهر انه لا يوجد لديك مشاكل في التنسيقات وبالفعل استخدمتها ونجحت ، تأكد من أسماء الأصناف لديك في صفحة HTML وتأكد من حفظ التعديلات وتحديث الصفحة من خلال ctrl + f5 .

Naif Alghamdi3 · 2 ديسمبر 2022

نفس المشكلة .. ارفقت المشروع في المرفقات هل تستطيع التجربة من طرفك ؟

هي عبارة عن صفحة واحدة بسيطة اتدرب عليها

startup_files.zip

Naif Alghamdi3 · 2 ديسمبر 2022

بتاريخ 1 ساعة قال أسامة زيادة:
يبدو أنه يحدث تضارب بين التنسيقات الخاصة بك وتنسيقات بوتستراب ، لذلك قم بإعطاء الأولوية لتنسيقاتك من خلال إضافة important! بهذا الشكل
.btn-primary:hover{
  background-color: #ee4b08 !important;
  border-color: #ee4b08 !important;
  border-width: 4px !important;
}
وسوف تنجح التنسيقات

شكراً جزيلاً

لماذا hover لايعمل في bootstrap ؟

السؤال

Naif Alghamdi3

4 أجوبة على هذا السؤال

Recommended Posts

أسامة زيادة

أسامة زيادة

Naif Alghamdi3

Naif Alghamdi3

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية