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

Naif Alghamdi · 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 Alghamdi · 2 ديسمبر 2022

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

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

startup_files.zip

Naif Alghamdi · 2 ديسمبر 2022

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

شكراً جزيلاً

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

السؤال

Naif Alghamdi

رابط هذا التعليق

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

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

Recommended Posts

أسامة زيادة

رابط هذا التعليق

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

أسامة زيادة

رابط هذا التعليق

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

Naif Alghamdi

رابط هذا التعليق

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

Naif Alghamdi

رابط هذا التعليق

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

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية