آبی شدن لینک
پاسخ‌ها
9
اینو به استایلت (فایل CSS) اضافه کن:
html {
-webkit-tap-highlight-color: transparent;
}
با فایل reset.css
با این فایل ریست کردم ولی نشد.
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد
<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>
فقط توی مرورگر گوشی این اتفاق میوفته که فک کنم مربوط به تنظیمات خود مرورگر هست و با css درست نمیشه
سلام !
فکر نمیکنم که همیشه آبی بشه توی مرورگر گوشی !
شاید یه کلاس یا استایل دیگه دارین که اونو آبی میکنه! شاید بهتر باشه از important استفاده کنین موقع کلاس دادن!
a:active {
color: yellow !important;
}با important امتحان کردم ولی درست نشد
یه فیلم از چیزی که منظورمه توی این لینک هست.
دوست عزیز اگه اشتباه نکنم شما میخوای که وقتی روی لینک کلیک شد اتفاقی بیوفته
خب در این صورت از یکسری ویژگی های 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;
}امیدوارم سوالت رو برطرف کرده باشم :)
خوب بگو وقتی هاور شد با color رنگش فرق کنه