استایل دهی به tooltip title
سلام چطوری میتونم به تایتلی که در صورت هاور کردن متن دیده میشه استایل داد
فقط با جاوا اسکریپت میشه ؟ با css نمیشه ؟
پاسخ‌ها
5
salam o arze adab
ba psudo element after va before mishe dooste man
سلام چرا نمیشه ؟
معلومه که میشه !
شما مثلا یک تگ div رو با hover شدن روی یک button نشون میدین!
خوب بیاین استایل های خودتون رو بدید به اون div
یه کلاس براش تعریف کنید تو فایل css خودتون اون کلاس رو نام ببرید و استایلش بدین
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد
سلام وقتتون بخیر
فکر میکنم که این لینک میتونه کمکتون بکنه
عزیز دل،
من در استک اور فلو گشتم و مشکل شما رو پیدا کردم!!!
اینم لینکش:
بزن رو من تا بریم مشکلتو حل کنیم دوست عزیز
امیدوارم هر کجای دنیا که هستید در سلامت ابدی به سر ببرید
این کد را امتحان کن:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>instagram</title>
</head>
<body>
<a href="https://instagram.com/AhmadRezaMoradi23" data-title="@AhmadRezaMoradi23">instagram</a>
</body>
</html>///////////////////////////////////////////////////////////////////////////
[data-title] {
position: relative;
}
[data-title]:after {
content: attr(data-title);
background-color: #EBEFFA;
color: #333;
border-radius: 8px;
font-size: 80%;
box-shadow: 1px 1px 5px #4a4a4a2a;
position: absolute;
padding: .2rem .5rem;
bottom: -1.7em;
left: 100%;
white-space: nowrap;
opacity: 0;
z-index: 99999;
visibility: hidden;
}
[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
}
</style>