• 0

التعديل على خصائص زر bootstrap عن طريق CSS

كيف يمكنني الغاء او تعديل الظل الذي يظهر لزر من ال (bootstrap) عند الضغط عليه,

عن طريق(CSS) !!!

مع العلم أن الظل يظهر بأربع جهات

1 شخص أعجب بهذا

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

يمكنك اعطاء الزر صنف معين ليكن مثلا اسم الصنف no-shadow وتستطيع اعطاء الصنف هذا التنسيق

.no-shadow{
	box-shadow: none !important;
}

الخاصية !important لكي يتجاهل التنسيقات الأخرى ويطبق التنسيق الذي قمت به أنت, من الممكن أن لا تستخدم صنف جديد ويمكنك استخدام المحدد الذي يستخدمه بوتستراب للتعديل عليه, كيف يمكننا الحصول على المحدد الذي يستخدمه بوتستراب؟ يمكنك تحديد العنصر من خلال حزمة المطورين التي تستطيع الوصول اليها من خلال الضغط في أي مكان من الصفحة بالزر الأيمن من الماوس ثم تختار فحص العنصر أو inspect element, سوف تظهر لك هذه الواجهة console.thumb.png.80cfe58789f380a3fee46cfee7b3d02d.png
من خلال الواجهة رقم 1 تستطيع تحديد العنصر الذي تريده ويمكنك في الواجهة رقم 2 الحصول على المحدد والتنسيقات الخاصة بالعنصر ويمكنك التعديل عليها من خلال نسخ المحدد ولصقه في ملف style.css واعطاء العنصر التنسيقات التي تريدها
 

1 شخص أعجب بهذا

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

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

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

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


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

تسجيل الدخول

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


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