Amir
2 سال پیش توسط Amir مطرح شد
9 پاسخ

آبی شدن لینک

سلام ، وقتی روی لینک ها در صفحات وب کلیک میکنیم برای چند ثانیه آبی میشه
چطوری با css حذفش کنم؟


ثبت پرسش جدید
karakar
تخصص : برنامه نویس
@karyabi1395 2 سال پیش مطرح شد
1

اینو به استایلت (فایل CSS) اضافه کن:

html {
-webkit-tap-highlight-color: transparent;
}

محمد حسنی علیزاده
@Mmdrage 2 سال پیش مطرح شد
0

با فایل reset.css


Amir
تخصص : برنامه نویس وب
@Blank 2 سال پیش مطرح شد
0

با این فایل ریست کردم ولی نشد.


Yasin
تخصص : Laravel
@yasinFaraji 2 سال پیش آپدیت شد
1

<html>
<head>
<style>

/* selected link */
a:active {
  color: yellow;
}

</style>
</head>
<body>

<p><b><a href="#"  >This is a link</a></b></p>

</body>
</html>

به کد بالا دقت کن
بعد از کلیک شدن رنگ لینک زرد میشه

تو این لینک نمونه های مختلفی از استایل لینک موجود هست لینک

</body></html>


Amir
تخصص : برنامه نویس وب
@Blank 2 سال پیش مطرح شد
0

فقط توی مرورگر گوشی این اتفاق میوفته که فک کنم مربوط به تنظیمات خود مرورگر هست و با css درست نمیشه


محمد زورمند
تخصص : react developer
@SpyStar0003 2 سال پیش مطرح شد
0

سلام !
فکر نمیکنم که همیشه آبی بشه توی مرورگر گوشی !
شاید یه کلاس یا استایل دیگه دارین که اونو آبی میکنه! شاید بهتر باشه از important استفاده کنین موقع کلاس دادن!

a:active {
   color: yellow !important;
}

Amir
تخصص : برنامه نویس وب
@Blank 2 سال پیش مطرح شد
0

با important امتحان کردم ولی درست نشد
یه فیلم از چیزی که منظورمه توی این لینک هست.


karakar
تخصص : برنامه نویس
@karyabi1395 2 سال پیش مطرح شد
1

اینو به استایلت (فایل CSS) اضافه کن:

html {
-webkit-tap-highlight-color: transparent;
}

مبین ملک جاری
تخصص : توسعه دهنده فرانت اند و جوجه...
@MrMobin 2 سال پیش مطرح شد
0

دوست عزیز اگه اشتباه نکنم شما میخوای که وقتی روی لینک کلیک شد اتفاقی بیوفته
خب در این صورت از یکسری ویژگی های css استفاده میکنیم .
:visited
visited یعنی اینکه کاربر قبلا روی اون لینک کلیک کرده و صفحه ای که بهش لینک شده رو دیده
نمونه :

a:visited {
color: dodgerblue;
}

:active
یعنی اینکه اون المنت فعال شه . یعنی کاربر روش کلیک کنه خب این هم خیلی راحته
مثال

a:active {
color: hotpink;
}

البته شما میتونی یه transition هم بدی که کم کم و با انیمیشن این اتفاق بیوفته :

a {
color: black;
font-size: 20px;
transition: color 0.3s;
}

a:active {
color: blue;
}

نکته: به صورت نورمال تگ های a یه رنگ آبی و یه آندرلاین دارن . برای از بین بردن اون شما میتونی از text-decoration استفاده کنی که مقدارش رو none بدی :)

a{
text-decoration: none;
}

امیدوارم سوالت رو برطرف کرده باشم :)


محمد
@محمد1387 2 سال پیش مطرح شد
0

خوب بگو وقتی هاور شد با color رنگش فرق کنه


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام