اذهب إلى المحتوى
  • 0

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

علاء الدين الزهوري

السؤال

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

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

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

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

Recommended Posts

  • 0

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

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

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

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

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...