লিঙ্ক থেকে জেদী আন্ডারলাইন সরান

Question

আমি কোনও আন্ডারলাইন ছাড়াই সাদাতে একটি লিঙ্ক দেখানোর চেষ্টা করছি। পাঠ্যের রঙটি সাদা হিসাবে সঠিকভাবে দেখায় তবে নীল আন্ডারলাইন জেদীভাবে অবিচল থাকে। আমি চেষ্টা করেছি text-decoration: none;এবং text-decoration: none !important;সিএসএসে লিঙ্কটি আন্ডারলাইনটি সরিয়ে ফেলতে চাই। কেউই কাজ করেনি।

.boxhead .otherPage {
  color: #FFFFFF;
  text-decoration: none;
}

<div class="boxhead">
  <h2>
    <span class="thisPage">Current Page</span>
    <a href="myLink"><span class="otherPage">Different Page</span></a>
  </h2>
</div>

লিঙ্কটি থেকে আমি কীভাবে নীল আন্ডারলাইনটি সরিয়ে ফেলতে পারি?

Comments

ঠিক আছে যখন আপনি পাঠ্য-সজ্জা করবেন তখন এটিকে দূরে রাখা উচিত none আপনি কি নিশ্চিত যে এটি সঠিক উপাদানটিতে প্রয়োগ করছেন? আপনি উদাহরণ কোড প্রদান করতে পারেন?

— লুভিক

পাঠ্য-সজ্জা কোথায়: কোনটিই ব্যবহার হচ্ছে না?

— শাটল 87

Answer 1

যেমনটি আমি প্রত্যাশা করেছি, আপনি text-decoration: none;কোনও অ্যাঙ্কর ( .boxhead a) এ প্রয়োগ করছেন না তবে একটি স্প্যান উপাদানকে (.boxhead ) এ ।

এটা চেষ্টা কর:

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}

Comments

কিন্তু আপনি পাঠ্য কি আছে যদি পার্শ্ববর্তী বিঘত পাশাপাশি, এবং আপনি পার্শ্ববর্তী টেক্সট লিঙ্ক নিম্নরেখা আছে চাই, কিন্তু বিঘত মধ্যে টেক্সট কোন কিছুই জানি না কিভাবে?

— জেএমটায়লার

@ রেবাস, আপনি পারবেন না? কেন না? কমপক্ষে আই 7 + এবং ফায়ারফক্স 4+ এর কারণ আপনি পারেন তবে কোনও কারণে ক্রোমে নেই। আমি পরীক্ষিত নন-ক্রোম ব্রাউজারগুলিতে কাজ করতে কোডটি এখানে এসেছে: .toc-list a > span{text-decoration:none !important;} আমার মনে হয় @ জেএমটাইলারের প্রশ্নটি বৈধ; আমি একই সমাধান অনুসন্ধান করছি।

— টনি টপার

এটি text-decorationউপরে উল্লিখিত হিসাবে নেস্টেড ট্যাগগুলিতে ওভাররাইডিং সমর্থন করে না বলে মনে হয়। একবার আপনার কোনও a { text-decoration: underline; }নিয়ম প্রয়োগ হয়ে গেলে আপনি এটিকে ডি- প্রয়োগ করতে পারবেন না যেমন a .wish_this_were_not_underlined { text-decoration: none; }। আমি এর জন্য একটি রেফারেন্স খুঁজে পাই না তবে এটি আমার অভিজ্ঞতা (ক্রোমে)।

— আংশিক মেঘলা

উপরের অন্যদের মতো আমিও প্রয়োগ করে পাঠ্যটিকে অন-আন্ডারলাইন করতে সক্ষম হইনি text-decoration: none;পরিবর্তে আমরা ব্যবহার করে লাইনটি লুকিয়ে রাখা বেছে নিয়েছিলাম text-decoration: underline; text-decoration-color: white;। / হ্যাক

— রায়ান বার্বিজ

যদি আপনি কেবল অ্যাঙ্কারের ভিতরে থাকা উপাদান থেকে আন্ডারলাইনটি সরিয়ে দেওয়ার চেষ্টা করছেন, এবং পুরো অ্যাঙ্করটি নয়। আপনার যেমন অভ্যন্তরীণ উপাদানটি তেমন একটি ইনলাইন-ব্লক তৈরি করতে হবে: .boxhead .otherPage { display: inline-block; color: #FFFFFF; text-decoration: none; }

— প্যাট্রিক ড্যানি

Answer 2

অ্যাঙ্কর ট্যাগ (লিঙ্ক) এর সিউডো-ক্লাস যেমন ভিজিট, হোভার, লিঙ্ক এবং সক্রিয় রয়েছে। নিশ্চিত হয়ে নিন যে আপনার স্টাইলটি প্রশ্নবিদ্ধ রাজ্যগুলিতে প্রয়োগ হয়েছে এবং অন্য কোনও শৈলীর বিরোধী নয়।

উদাহরণ স্বরূপ:

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

ব্যবহারকারী অ্যাকশন সিউডো-ক্লাস সম্পর্কিত আরও তথ্যের জন্য ডাব্লু 3.org দেখুন : হোভার,: সক্রিয় এবং: ফোকাস।

Comments

আমার মনে হয় আপনি a:linkযখন বলছেন তখনি আপনি বলতে চাইছেনa:click

— আর্টল্যাং

এটি আমার আসল গ্রহণযোগ্য উত্তর হওয়া উচিত, যেহেতু আমার বোতামের লিঙ্কটি ক্লিক করার পরে আমার একই সমস্যা হয়েছিল। আমি পৃষ্ঠাটিতে ফিরে আসার সময় পরিদর্শন করা সম্পত্তিটি বেগুনিতে পরিবর্তিত ছিল।

— ডোরসুম

Answer 3

text-decoration: none !importantএটি অপসারণ করা উচিত .. আপনি কি নিশ্চিত যে এখানে কোনও border-bottom: 1px solidলুকোচুরি নেই? (IE তে ফায়ারব্যাগ / এফ 12 এ গণিত শৈলীর সন্ধান করুন)

Comments

সেটিংস border-bottom-style: none;আমার জন্য এটি স্থির করে।

— হেল্ডার এস রিবেইরো

Answer 4

কেবলমাত্র আপনার অ্যাঙ্কর ট্যাগটিতে এই বৈশিষ্ট্যটি যুক্ত করুন

style="text-decoration:none;"

উদাহরণ:

<a href="page.html"  style="text-decoration:none;"></a>

অথবা সিএসএস উপায় ব্যবহার করুন।

.classname a {
    color: #FFFFFF;
    text-decoration: none;
}

Answer 5

কখনও কখনও আপনি যা দেখছেন তা বাক্সের ছায়া, কোনও পাঠ্যকে আন্ডারলাইন করে না।

এটি ব্যবহার করে দেখুন (সিএসএস নির্বাচক আপনার পক্ষে উপযুক্ত কিনা তা ব্যবহার করে):

a:hover, a:visited, a:link, a:active {

    text-decoration: none!important;

    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

Comments

এটির একটি উত্তর হওয়া উচিত .. কখনও কখনও, বক্সের ছায়া একটি আন্ডারলাইন প্রভাবিত করে।

— ভরগাভ

এটি একটি উত্তর, তবে সেরা নয়। এগুলির পরিধি বিশ্বব্যাপী এবং নির্দিষ্ট নয়। ভালো কিছু কৌতুক করতে হবে: .otherPage a:link {text-decoration:none;}; পরিদর্শন করা, সক্রিয় এবং প্রয়োজন হলে হোভারের জন্য এটি পুনরায় করুন।

— আজোভি

Answer 6

আপনি অ্যাঙ্কর ট্যাগেরtext-decoration:none জন্য মিস করেছেন । সুতরাং কোড অনুসরণ করা উচিত।

.boxhead a {
    text-decoration: none;
}

<div class="boxhead">
    <h2>
        <span class="thisPage">Current Page</span>
        <a href="myLink"><span class="otherPage">Different Page</span></a>
    </h2>
</div>

পাঠ্য-সজ্জায় আরও স্ট্যান্ডার্ড বৈশিষ্ট্য

Answer 7

পৃষ্ঠাটি না দেখে অনুমান করা শক্ত।

তবে এটি আমার কাছে মনে border-bottom: 1px solid blue;হচ্ছে আপনার প্রয়োগ হতে পারে । সম্ভবত যোগ border: none;।text-decoration: none !importantঠিক আছে, এটি সম্ভবত আপনার অন্য একটি স্টাইল রয়েছে যা এখনও সেই সিএসএসকে ছাড়িয়ে যাচ্ছে।

এখানেই ফায়ারফক্স ওয়েব ডেভেলপার সরঞ্জামদণ্ডটি ব্যবহার দুর্দান্ত, এটি অধীনে CSS > Edit CSS।

Answer 8

একটি নিয়ম হিসাবে, যদি আপনার "আন্ডারলাইন" আপনার পাঠ্যের মতো একই রঙ না হয় [এবং 'রঙ:' ইনলাইনটি ওভাররাইড করা হয় না] তবে এটি "পাঠ্য-সজ্জা:" থেকে আসে না এটি "সীমানা নীচে:" হতে হবে

আপনার সিউডো ক্লাসটিও সীমান্ত বন্ধ করতে ভুলবেন না!

a, a:link, a:visited, a:active, a:hover {border:0!important;}

এই স্নিপেটটি এটি একটি অ্যাঙ্কারে ধরেছে, সে অনুযায়ী তার মোড়কে পরিবর্তন করুন ... এবং মূল কারণটি সন্ধান করার পরে "! গুরুত্বপূর্ণ" এর পরিবর্তে নির্দিষ্টতা ব্যবহার করুন।

Answer 9

অন্যান্য উত্তরগুলি সঠিক হলেও, এই সমস্ত সমস্যাযুক্ত লিঙ্কগুলিতে আন্ডারলাইন থেকে মুক্তি পাওয়ার সহজ উপায় রয়েছে:

a {
   text-decoration:none;
}

এটি আপনার পৃষ্ঠার প্রতিটি সিঙ্গল লিঙ্ক থেকে আন্ডারলাইনটি সরিয়ে ফেলবে!

Comments

এটি অ্যাঙ্কর ট্যাগে রয়েছে কিনা তা নিশ্চিত করুন এবং ইনলাইনটি আরও ভাল হতে পারে যেহেতু আপনি অন্যান্য লিঙ্কগুলিতে আন্ডারলাইন চান want

— Asuquo12

Answer 10

যদি text-decoration: noneবা border: 0কাজ না করে তবে আপনার এইচটিএমএলে ইনলাইন স্টাইল প্রয়োগ করার চেষ্টা করুন।

Answer 11

শুধু সম্পত্তি ব্যবহার করুন

border:0;

এবং আপনি আবৃত পাঠ্য-সজ্জা সম্পত্তি ডিন্ট এ যখন কাজ করে তখন আমার জন্য পুরোপুরি কাজ করে।

Answer 12

উত্তরগুলির কোনওটিই আমার পক্ষে কার্যকর হয়নি। আমার ক্ষেত্রে একটি মান ছিল

a:-webkit-any-link {
text-decoration: underline;

আমার কোডে মূলত এটি যে কোনও লিঙ্কই হোক না কেন, পাঠ্যের রঙ নীল হয়ে যায়, এবং লিঙ্কটি যাই হোক না কেন থেকে যায়।

সুতরাং আমি এই জাতীয় শিরোনামের শেষে কোডটি যুক্ত করেছি:

<head>
  </style>
    a:-webkit-any-link {
      text-decoration: none;
    }
  </style>
</head>

আর সমস্যা আর নেই।

Answer 13

  a {
    color: unset;
    text-decoration: unset;
  }

Answer 14

এখানে অ্যাপ.নেট ওয়েবফর্ম লিংক বাটন নিয়ন্ত্রণের উদাহরণ রয়েছে:

 <asp:LinkButton ID="lbmmr1" runat="server" ForeColor="Blue" />

পিছনে কোড:

 lbmmr1.Attributes.Add("style", "text-decoration: none;")

Answer 15

আপনি ভুল নির্বাচকটিতে কোনও পাঠ্য-সজ্জা ব্যবহার করেছেন। আপনাকে কোনও ট্যাগ সাজানোর জন্য যা ট্যাগ লাগবে তা পরীক্ষা করা উচিত।

আপনি এই কোড ব্যবহার করতে পারেন

.boxhead h2 a{text-decoration: none;}

অথবা

.boxhead a{text-decoration: none !important;}

অথবা

a{text-decoration: none !important;}

Answer 16

নিম্নলিখিত HTML কোডটি <BODY>ট্যাগের আগে রাখুন :

<STYLE>A {text-decoration: none;} </STYLE>

Answer 17

আমার ক্ষেত্রে, আমি খুব খারাপভাবে এইচটিএমএল গঠন করেছি। লিঙ্কটি একটি <u>ট্যাগের মধ্যে ছিল , কোনও <ul>ট্যাগ নয়।

Answer 18

অন্যরা যেমন উল্লেখ করেছে, দেখে মনে হচ্ছে আপনি নেস্টেড পাঠ্য-সজ্জা শৈলীগুলি ওভাররাইড করতে পারবেন না ... তবে আপনি পাঠ্য-সজ্জা-রঙ পরিবর্তন করতে পারেন।

হ্যাক হিসাবে, আমি রঙটি স্বচ্ছ হতে পরিবর্তন করেছি:

পাঠ্য-সজ্জা-রঙ: স্বচ্ছ;