ডিফল্ট লিঙ্কের রঙ নীল। এইচটিএমএল হাইপারলিংক ট্যাগের ডিফল্ট লিঙ্ক রঙটি কীভাবে সরিয়ে ফেলবেন <a>
?
ডিফল্ট লিঙ্কের রঙ নীল। এইচটিএমএল হাইপারলিংক ট্যাগের ডিফল্ট লিঙ্ক রঙটি কীভাবে সরিয়ে ফেলবেন <a>
?
উত্তর:
a { color: inherit; }
… উপাদানটিকে তার পিতামাতার রঙ নিতে বাধ্য করবে (যা আমি মনে করি আপনি যা খুঁজছেন)।
আপনি এই জাতীয় কিছু করতে পারেন:
a {
color: #0060B6;
text-decoration: none;
}
a:hover
{
color:#00A0C6;
text-decoration:none;
cursor:pointer;
}
যদি পাঠ্য-সজ্জা কাজ না করে তবে পাঠ্য-সজ্জা অন্তর্ভুক্ত করুন: গুরুত্বপূর্ণ নয়;
<a style="text-decorations:none; color:inherit;>
= বিজয়ী
<a style="text-decoration:none; color:inherit;>
আপনি যদি ব্রাউজার দ্বারা সরবরাহিত আন্ডারলাইন এবং ডিফল্ট রঙটি দেখতে না চান তবে নীচের কোডটি আপনার মেইন সিএসএস ফাইলের শীর্ষে রাখতে পারেন। আপনার যদি আলাদা রঙ এবং সজ্জা স্টাইলিংয়ের প্রয়োজন হয় তবে আপনি নীচের কোড স্নিপেট ব্যবহার করে সহজেই ডিফল্টগুলি ওভাররাইড করতে পারেন।
a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}
এটিও সম্ভব:
a {
all: unset;
}
আনসেট করুন: এই কীওয়ার্ডটি উপাদান বা উপাদানটির পিতামাতার ক্ষেত্রে প্রয়োগযোগ্য সমস্ত সম্পত্তি যদি তাদের উত্তরাধিকারসূত্রে প্রাপ্ত হয় তবে তাদের প্রাথমিক মান বা যদি না হয় তবে তাদের প্রাথমিক মানতে পরিবর্তিত হবে। ইউনিকোড-বিড়ি এবং দিকনির্দেশ মানগুলি প্রভাবিত হয় না।
color: unset
কাজ করে। আমি উপাদান থেকে কাঠামোর রঙগুলি সরিয়ে নিয়েছি, তারপরে উপাদানটি মোড়ানো এবং আমার কাস্টম রঙটি সেই মোড়কে সেট করেছি যাতে রঙ উত্তরাধিকার সূত্রে প্রাপ্ত হয়।
আপনি ব্যবহার করতে হবে CSS
। এখানে ডিফল্ট লিঙ্কের রঙ পরিবর্তন করার উদাহরণ রয়েছে, যখন লিঙ্কটি কেবল সেখানে বসে থাকে, কখন এটি আড়াল করা হয় এবং যখন এটি একটি সক্রিয় লিঙ্ক হয়।
a:link {
color: red;
}
a:hover {
color: blue;
}
a:active {
color: green;
}
<a href='http://google.com'>Google</a>
কেবল এটিকে যুক্ত করুন CSS
,
a {
color: inherit;
text-decoration: none;
}
এটি হয়ে গেছে, হয়ে গেছে।
আপনি সিএসএস 2.0 এর সাথে প্রবর্তিত সিস্টেম রঙ (18.2) মানগুলি ব্যবহার করতে পারেন তবে সিএসএস 3 এ অবমূল্যায়ন করেছেন ।
a:link, a:hover, a:active { color: WindowText; }
এইভাবে আপনার অ্যাঙ্কর লিঙ্কগুলিতে এই সিস্টেমে সাধারণ নথির পাঠ্যের সমান রঙ থাকবে।
এটি কাজ করবে
a:hover, a:focus, a:active {
outline: none;
}
এটি যা করে তা হ'ল তিনটি সিউডো-ক্লাসের রূপরেখা সরিয়ে দেয়।
<a>
নীল। এখন আপনার সমস্যা কি?