วิธีลบสีลิงค์เริ่มต้นของแท็ก 'a' ไฮเปอร์ลิงก์

235

สีลิงค์เริ่มต้นคือสีน้ำเงิน จะลบสีลิงค์เริ่มต้นของแท็กไฮเปอร์ลิงก์ได้<a>อย่างไร

สีข้อความเริ่มต้นสำหรับ<a>เป็นสีน้ำเงิน ตอนนี้คุณมีปัญหาอะไร

— VMAtm

ฉันพยายามที่จะได้รับถ้าให้สีใด ๆ ให้กับ <a> ฉันไม่ต้องการให้มันแสดงเป็นสีฟ้า ในสีข้อความเริ่มต้นสีข้อความอาจจะเป็นสีดำหรือสีฟ้าเช่นนั้น ...

— Rafiu

3

@Terry_Brown - ผมพบว่าคำถามนี้มีประโยชน์อย่างมากที่ผมอยากจะหาสิ่งที่ "สี: สืบทอด" คำตอบด้านล่างซึ่งเป็นสิ่งที่ผมเชื่อว่าเป็นคำถามที่เกี่ยวข้องมากเกินไป ...

— Sk93

474

ค่าสืบทอด :

a { color: inherit; }

... จะทำให้องค์ประกอบนำสีของแม่ (ซึ่งเป็นสิ่งที่ฉันคิดว่าคุณกำลังมองหา)

— เควนติน
แหล่งที่มา

59

คุณสามารถทำสิ่งนี้:

a {
    color: #0060B6;
    text-decoration: none;
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}

หากการตกแต่งข้อความไม่ทำงานให้ใส่ข้อความตกแต่ง: ไม่สำคัญ!

— kleinohad
แหล่งที่มา

ยิ่งไปกว่านั้นหากคุณต้องการป้องกันการเปลี่ยนสีสำหรับลิงค์ที่ระบุหลังจากกดเพิ่มในแท็ก: <A STYLE = "การตกแต่งข้อความ: none; color = [เลือกรายการโปรดของคุณ ... ]" HREF = " link.html "> ทดสอบลิงก์ </A>

— wiztrail

4

<a style="text-decorations:none; color:inherit;>= ชนะ

— Dan Bradbury

2

@DanBradbury ลบ 's' ในการตกแต่งข้อความ <a style="text-decoration:none; color:inherit;>

— Mukarram Pasha

18

.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

ฉันรู้สึกว่าจำเป็นต้องโพสต์คำจำกัดความของคลาสข้างต้นคำตอบมากมายเกี่ยวกับ SO จึงพลาดบางสถานะ

— Kaan Soral
แหล่งที่มา

17

หากคุณไม่ต้องการเห็นขีดเส้นใต้และสีเริ่มต้นซึ่งให้บริการโดยเบราว์เซอร์คุณสามารถเก็บรหัสต่อไปนี้ไว้ที่ด้านบนของไฟล์ main.css ของคุณ หากคุณต้องการสีและสไตล์การตกแต่งที่แตกต่างคุณสามารถแทนที่ค่าเริ่มต้นได้อย่างง่ายดายโดยใช้ข้อมูลโค้ดด้านล่าง

 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

— GURU PRASAD
แหล่งที่มา

8

เป็นไปได้เช่นกัน:

        a {
            all: unset;
        }

unset: คำหลักนี้ระบุว่าจะเปลี่ยนคุณสมบัติทั้งหมดที่ใช้กับองค์ประกอบหรือองค์ประกอบหลักขององค์ประกอบเป็นค่าแม่ของพวกเขาหากพวกเขาเป็นมรดกหรือเป็นค่าเริ่มต้นของพวกเขาหากไม่ได้ ค่า unicode-bidi และทิศทางจะไม่ได้รับผลกระทบ

แหล่งที่มา: Mozilla อธิบายของทั้งหมด

— gerd hübner
แหล่งที่มา

คุณทำได้แต่เพียงเพราะคุณไม่ได้หมายความว่าคุณควรทำ ฉันจะบอกว่าถ้าคุณมีกฎของธรรมชาตินี้คุณควรจะเพิ่มอีกนิดเกี่ยวกับสิ่งที่มันทำ

— ทอม

1

เห็นได้ชัดว่าcolor: unsetยังใช้งานได้ ฉันลบสีเฟรมเวิร์กออกจากองค์ประกอบแล้วห่อองค์ประกอบและตั้งค่าสีที่กำหนดเองของฉันลงบนกระดาษห่อหุ้มเพื่อให้สีสืบทอดมา

— Traxo

8

CSSคุณต้องใช้ นี่คือตัวอย่างของการเปลี่ยนสีของลิงค์เริ่มต้นเมื่อลิงค์เพิ่งมาถึงเมื่อมีการโฮเวอร์และเมื่อมันเป็นลิงค์ที่ใช้งานอยู่

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

<a href='http://google.com'>Google</a>

ขยายตัวอย่างข้อมูล

— ซาดอิมราน
แหล่งที่มา

6

เพียงแค่เพิ่มในเรื่องนี้CSS,

a {
    color: inherit;
    text-decoration: none;
}

เสร็จแล้ว

— ArifMustafa
แหล่งที่มา

1

ฉันไม่รู้ว่าอะไรคือปัญหาของผู้มีสิทธิ์ลงคะแนนเสียงให้เชื่อฉันว่ามันใช้งานได้ ...

— ArifMustafa

3

คุณสามารถใช้สีระบบ (18.2)ค่าแนะนำกับ CSS 2.0 แต่คัดค้านใน CSS 3

a:link, a:hover, a:active { color: WindowText; }

วิธีนี้ลิงก์สมอของคุณจะมีสีเดียวกับข้อความเอกสารปกติในระบบนี้

— knittl
แหล่งที่มา

0

a:link{color:inherit;}

นี่คือหนึ่งบรรทัดที่เรียบง่ายสามารถทำทุกสิ่งให้คุณ <3

— ภูมิพลอดุลยเดช
แหล่งที่มา

-2

สิ่งนี้จะได้ผล

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

สิ่งนี้จะเป็นการลบเค้าร่างสำหรับคลาสหลอกทั้งหมดสามคลาส

— Sumeet Rohra
แหล่งที่มา

โปรดให้คำอธิบายเพิ่มเติมเล็กน้อยว่าทำไมงานนี้

— mareoraft

คำถามไม่ได้ถามเกี่ยวกับเค้าโครง

— Quentin