• 0

إزالة الخط السفلي للرابط التشعبي

عندما أقوم بتحويل كلمة الى رابط تشعبي يظهر خط تحت هذه الكلمة عند مرور مؤشر الفأرة عليه في المتصفح

كيف يمكنني ازالة هذا الخط؟؟؟

2 اشخاص أعجبوا بهذا

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


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

يمكنك عمل ذلك من خلال الخاصية text-decoration  حيث أن هذه الخاصية هي المسئولة عن هذا الخط الذي يكون تحت الكلمة  ويمكنك إلغاء هذه الخاصية  كالتالي

a:hover {
  text-decoration: none;
}

يمكنك التحكم في ظهورها بتغيير ال hover للحدث الذي تريده مثلlink أو visited أو active

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: underline;
}

 

تمّ تعديل بواسطة عبدالباسط ابراهيم
خطأ إملائي

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


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

هل يمكنك توضيح سؤالك أكثر عن طريق إرفاق صورة عن الوضعية الموصوفة  ؟

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


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

هناك عدة طرق, فيمكنك إزالة الخط السفلي للرابط التشعبي عن طريق jquery ايضا, فيمكنك إنشاء رابط تشعبي 

<a href="index.html">الرابط</a>

ثم باستخدام jQuery يمكنك تنفيذ التالي 

$(function(){
	$('a').on({
		mouseenter: function(){
			$(this).css({"text-decoration": "none"});
		}
	});
});

 

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


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

يمكنك في بداية ملف style.css اضافة الكود الخاص بازالة السطر من أسف الرابط التشبعي لكي لا تكرر الكود لكل عنصر رابط تشعبي,

a,a:visited,a:hover,a:active,a:focus {
	text-decoration: none; 
}

هذا الكود سوف يقوم بازالة الخط من أسفل الرابط التشعبي عند مرور اشارة الماوس عليه وعند الضغط عليه وعند التركيز عليه

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


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

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

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

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


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

تسجيل الدخول

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


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