<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;
}
دوست عزیز اگه اشتباه نکنم شما میخوای که وقتی روی لینک کلیک شد اتفاقی بیوفته
خب در این صورت از یکسری ویژگی های 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;
}
امیدوارم سوالت رو برطرف کرده باشم :)
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟