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

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

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

السؤال

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

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

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

Recommended Posts

  • 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

هناك عدة طرق, فيمكنك إزالة الخط السفلي للرابط التشعبي عن طريق 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; 
}

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

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...