پرسش

تغییر underline پیش‌فرض در بوت استرپ ۵

bootstrap-5-underline-default-changed

سلام  میخوام underline پیش‌فرضی که برای لینک‌ ها استفاده میشه رو تغییر بدم اما نمیدونم چطور باید این تغییر رو اعمال کنم. لطفا کمک کنید که چطور میشه این کار رو انجام داد؟

 

1403/06/05
پاسخ

سلام در بوت استرپ ۵، لینک‌ ها به طور پیش‌فرض underline دارن و اگر میخوای این underline رو تغییر بدی یا حذف کنی میتونی با استفاده از کلاس‌ های بوت استرپ و استایل‌ های کاستوم شده این کار رو انجام بدی

باید از کلاس text-decoration-none استفاده کنی که به صورت پیش‌فرض تو بوت استرپ ۵ وجود داره. این کلاس باعث میشه که underline لینک‌ها حذف بشه

<a href="#" class="text-decoration-none">Your Link</a>

اگر بخوای رنگ underline رو تغییر بدی، میتونی با استفاده از استایل‌های CSS سفارشی این کار رو انجام بدی

مثلا برای تغییر رنگ underline لینک‌ ها به رنگ قرمز

<a href="#" style="text-decoration: underline; text-decoration-color: red;">Your Link</a>

همچنین میتونی از کلاس‌ های بوت استرپ برای تغییر استایل‌ ها استفاده کنی اگر بخوای underline به طور خاص برای لینک‌ های خاصی تغییر کنه، میتونی از کلاس‌های کاستوم استفاده کنی

<style>
.custom-underline {
    text-decoration: underline;
    text-decoration-color: green; /* Change to your desired color */
}
</style>
<a href="#" class="custom-underline">Your Link</a>
پاسخ: 1403/06/05
آخرین آپدیت: 1403/08/12