Html köprü 'a' etiketinin varsayılan bağlantı rengi nasıl kaldırılır?

235

Varsayılan bağlantı rengi mavidir. Html köprü etiketinin varsayılan bağlantı rengi nasıl kaldırılır <a>?

— Rafiu
kaynak

İçin varsayılan metin rengi <a>mavidir. Şimdi sorunun ne?

— VMAtm

Dint 'e herhangi bir renk verirse almaya çalışıyorum, mavi renkte gösterilmesini istemiyorum. Varsayılan metin renginde, metin rengi şu şekilde siyah veya mavi olabilir ...

— Rafiu

3

@Terry_Brown - Aşağıdaki "color: inherit" cevabını bulmak istediğim için bu soruyu oldukça yararlı buldum, bu da sorunun da ilgili olduğuna inanıyorum ...

— Sk93

474

Miras değeri :

a { color: inherit; }

… Öğenin ebeveyninin rengini almasına neden olacaktır (aradığınızı düşünüyorum).

— Quentin
kaynak

59

böyle bir şey yapabilirsiniz:

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

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

metin süslemesi işe yaramazsa metin süslemesi ekleyin: none! important;

— kleinohad
kaynak

ayrıca, belirli bir bağlantı için bastıktan sonra renk değişikliğini önlemek istiyorsanız, etiketin içine ekleyin: <A STYLE = "text-decoration: none; color = [sık kullanılanınızı seçin ...]" HREF = " link.html "> test bağlantısı </A>

— wiztrail

4

<a style="text-decorations:none; color:inherit;>= kazanma

— Dan Bradbury

2

@DanBradbury metin süslemelerinde 's' kaldırır. <a style="text-decoration:none; color:inherit;>

— Mukarram Paşa

18

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

Yukarıdaki sınıf tanımını göndermenin gerekli olduğunu hissettim, SO'daki cevapların çoğu devletlerin bazılarını özlüyor

— Kaan Soral
kaynak

17

Tarayıcı tarafından sağlanan alt çizgi ve varsayılan rengi görmek istemiyorsanız, main.css dosyanızın üstünde aşağıdaki kodu saklayabilirsiniz. Farklı renk ve dekorasyon stiline ihtiyacınız varsa, aşağıdaki kod snippet'ini kullanarak varsayılanları kolayca geçersiz kılabilirsiniz.

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

— GURU PRASAD
kaynak

8

Bu da mümkündür:

        a {
            all: unset;
        }

unset: Bu anahtar kelime, kalıtsal ise öğeye veya öğenin üst öğesine uygulanan tüm özellikleri üst değerlerine veya yoksa ilk değerlerine değiştirmeyi belirtir. unicode-bidi ve yön değerleri etkilenmez.

Kaynak: Mozilla

— gerd hübner
kaynak

Sen olabilir , size gerektiği ama sadece anlamına gelmez çünkü. Bu kuralın doğası göz önüne alındığında, gerçekte ne yaptığı hakkında biraz daha eklemeniz gerektiğini söyleyebilirim.

— Tom

1

Görünüşe göre color: unsetde çalışıyor. Çerçeve renklerini öğeden kaldırdım, sonra öğeyi tamamladım ve özel rengimi o sargıya ayarladım, böylece renk miras alınacak.

— Traxo

8

Kullanmak zorundasın CSS. Burada, bağlantı sadece orada otururken, üzerine gelindiğinde ve etkin bir bağlantı olduğunda varsayılan bağlantı rengini değiştirmeye bir örnek verilmiştir.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

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

Snippet'i genişlet

— Saad Imran.
kaynak

6

Basitçe bu in eklemek CSS,

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

işte bu kadar.

— ArifMustafa
kaynak

1

Bilmiyorum, aşağı seçmenle ilgili sorun nedir, inan bana bu işe yarıyor ...

— ArifMustafa

3

CSS 2.0 ile sunulan, ancak CSS 3'te kullanımdan kaldırılan Sistem Rengi (18.2) değerlerini kullanabilirsiniz .

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

Bu şekilde bağlantı bağlantılarınız bu sistemdeki normal belge metniyle aynı renge sahip olacaktır.

— knittl
kaynak

0

a:link{color:inherit;}

bu basit bir satır sizin için her şeyi yapabilir <3

— sounish nath
kaynak

-2

Bu çalışacak

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

Bunun yaptığı, üç sözde sınıfın tümünün ana hatlarını kaldırır.

— Sümer Rohra
kaynak

Lütfen bunun neden işe yaradığına dair biraz daha açıklama yapın.

— mareoraft

Soru taslak hakkında soru sormuyor

— Quentin