এইচটিএমএল-এ থাকা একটি উপাদানকে ক্লিক করে কীভাবে বিন্দুযুক্ত লাইনটি সরিয়ে ফেলা যায়

Question

আমি খুঁজে পেলাম যে যদি aপৃষ্ঠায় কোনও লিঙ্ক রয়েছে যা কোনও নতুন পৃষ্ঠায় লিঙ্ক না করে, তবে ব্যবহারকারীরা যখন এটি ক্লিক করবেন তখন উপাদানটির চারপাশে একটি বিন্দুযুক্ত লাইন থাকবে, ব্যবহারকারী কেবল পৃষ্ঠাটির অন্য কোনও কিছুতে ক্লিক করলে এটি অদৃশ্য হয়ে যাবে, কীভাবে এটি অপসারণ করতে?

উদাহরণ:

উপাদানটির চারপাশে বিন্দুযুক্ত রেখাটি নোট করুন Section 2।

Comments

আপনি কীভাবে উপাদানগুলির মাধ্যমে ট্যাবিংয়ের জন্য রূপরেখা বজায় রাখবেন, কিন্তু যখন ক্লিক করা হয় তখন তা সরান?

— কোস্টা

Answer 1

outline:noneঅ্যাঙ্গার ট্যাগ ক্লাস ব্যবহার করুন

Comments

ধন্যবাদ তবে এটি আমার পক্ষে কাজ করছে না, আমি এর আগে অনেক লিঙ্ক তৈরি করেছি আমি এখন পর্যন্ত এই সমস্যাটি পাই না। তবে এখন আমি বিভ্রান্তিতে আছি তাই উপস্থিত হওয়ার আগের কারণটি কী?

— দুর্গা রাও

মনে রাখবেন এটি আপনার ওয়েবসাইটের অ্যাক্সেসযোগ্যতার ক্ষতি করবে ।

— মাইক 23

@ দুর্গাপ্রসাদ মার্কস উত্তর দেখুন। আপনি এটি প্রয়োগ করতে হবে a:active, a:focus।

— ওডিস

আমি ডাব্লু / মাইক 23 সম্মত। কোনও সমঝোতায় পৌঁছানোর আমার প্রচেষ্টাটি ক্লিক ইভেন্টে (বা সম্ভবত মাউসআপটি আরও ভাল হবে?), কেবলমাত্র সেই লিঙ্কটির জন্য রূপরেখা সরিয়ে ফেলতে হবে (অপসারণের আগে ডানদিকে কোনও রূপরেখা আছে এমন কোনও এবং সমস্ত লিঙ্ক পুনরায় সেট করার সময়ও ..) … অন্যথায় জিনিসগুলি বিনা শৈলীরূপে আটকে যায়) এটি অন্যের উপরে রাখার সময় সাময়িকভাবে শেষ ক্লিককৃত উপাদান থেকে আউটলাইনটি সরিয়ে দেয়, যাতে আপনি কীসের দ্বারা ট্যাব করছেন তা আপনি এখনও জানতে পারবেন।

— ম্যাক্স স্টারকেনবুর্গ

@cpu_meltdown চেষ্টা করুনinput:focus{outline: none}

— Sowmya

Answer 2

পছন্দ করুন @ লো জুয়েগো বলেছিলেন, নিবন্ধটি পড়ুন

a, a:active, a:focus {
   outline: none;
}

Answer 3

a {
    outline: 0;
  }

তবে এটি পরিবর্তন করার আগে এটি পড়ুন:

সরানোর-ডটযুক্ত রূপরেখা

Answer 4

দিয়ে চেষ্টা !importantমধ্যে css।

a {
  outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!

Answer 5

bootstrapথিমগুলির অন্তর্ভুক্ত সমস্ত ডটেড আউটলাইন সরানোর জন্য ।

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

input::-moz-focus-inner {
    border: 0;
}

দ্রষ্টব্য: প্রধান CSS এর আগে আপনার বুটস্ট্র্যাপ সিএসএসের জন্য লিংক href যুক্ত করা উচিত, সুতরাং বুটস্ট্র্যাপ আপনার স্টাইলকে ওভাররাইড করে না।

Answer 6

অপসারণ outlineএকটি ওয়েবসাইটের অ্যাক্সেসযোগ্যতার ক্ষতি করবে here সুতরাং আমি কেবল এটি সেখানে রেখেছি তবে এটি অদৃশ্য করে তুলছি।

a {
   outline: transparent;
}

Comments

রূপরেখা স্বচ্ছ হিসাবে সেট করা এখনও আপনার ওয়েবসাইটের অ্যাক্সেসযোগ্যতার ক্ষতি করে। ধারণাটি হ'ল এটি একটি ভিজ্যুয়াল সূচক সরবরাহ করে যা কোনও উপাদানকে কেন্দ্র করে। যদি আপনি এটিকে অ-দৃশ্যমান করেন তবে সেই সূচকটি হারিয়ে গেছে। এখানে আরও তথ্য: outlinenone.com

— ktbee

Answer 7

আমার ক্ষেত্রে এটি একটি বোতাম ছিল এবং স্পষ্টতই, বোতামগুলির সাথে, এটি ফায়ারফক্সে কেবল একটি সমস্যা। সমাধান এখানে পাওয়া গেছে :

button::-moz-focus-inner {
  border: 0;
}

Answer 8

কোডের নীচে এর সহজ চেষ্টা -

a{
outline: medium none !important;
}

যদি খুশি হয়! শুভ দিন