2010-12-08 31 views
25

tıklandığında bağlantı rengini değiştirmek etmeyin:bir bağlantı ben bir HTML sayfasında bir bağlantı var

<a href="#foo">foo</a> 

bağlantı metni rengi aslen mavidir. Bağlantı tıklandığında, bağlantı metninin rengi önce Kırmızı olarak değişir ve ardından Maviye dönüşür. Kullanıcı tıkladığında bağlantı metninin rengini değiştirmek istiyorum. Bunu nasıl gerçekleştirebilirim?

CSS içinde
a:active { 
    color: none; 
} 

çalıştı, ancak hiçbir şans var.

Ve CSS bu kullanmak istemiyorsanız:

a:active { 
    color: blue; 
} 

, bağlantı metni orijinal renk maviden çok başka olabilir çünkü.

Teşekkürler.

Düzenleme: sayfa iPhone tarayıcıda görüntülenir ve şunu yapmak istiyorum: orijinal bağlantı metin rengini korumak için etkin.

cevap

48

bu arıyoruz:

a:visited{ 
    color:blue; 
} 

Linkler gelmiş çeşitli devletler sen değiştirebilir ... Onları hatırlıyorum yolu LVHFA (Rab Vader'ın Sap Eskiden Anakin)

Her harf bir açılımı olduğunu sözde sınıfı: (link, Hover, Odak ziyaret etti, Aktif) Eğer bağlantılar her zaman mavi olmak istiyorsak, sadece mavi hepsini değiştirmek

a:link{ 
    color:blue; 
} 
a:visited{ 
    color:purple; 
} 
a:hover{ 
    color:orange; 
} 
a:focus{ 
    color:green; 
} 
a:active{ 
    color:red; 
} 

. Kullanılabilirlik seviyesinde olsa da, farenin tıklatılmasının, bağlantının gerçekten tıklandığına işaret etmesi için rengin biraz değişmesine (sadece daha açık/koyu mavi bile olsa) neden olması güzel olurdu. tıklamanın her zaman kaydedildiğinden emin olmadığınız bir dokunmatik ekran arayüzü)

Tıklatıldığında aynı renkte olmasını istediğiniz farklı bağlantı türleriniz varsa, bağlantılara bir sınıf ekleyin.

a.foo, a.foo:link, a.foo:visited, a.foo:hover, a.foo:focus, a.foo:active{ 
    color:green; 
} 
a.bar, a.bar:link, a.bar:visited, a.bar:hover, a.bar:focus, a.bar:active{ 
    color:orange; 
} 

O tüm tarayıcılar her saygı unutulmamalıdır bu seçenekler ;-)

+0

OP nasıl 'kullanmayı bilmek istiyor. Sanırım soruyu tekrar okumalısın. – jwueller

+4

Eyaletleri o kadar çok hatırladığınızı seviyorum. Bahahaha! –

0

Sen color -property için açık bir renk değeri (örneğin #000 veya blue) kullanmak gerekir. none burada geçersiz. Başlangıç ​​değeri tarayıcıya özeldir ve CSS kullanılarak geri yüklenemez. Ayrıca, :active'dan başka sözde sınıflar olduğunu unutmayın. onun her zaman mavi olacaktır ziyaret bile

+0

Ben IE 9 kullanıyorum ve ben bu yazı gönderilmiş her şeyi denedim ve hiçbir luck.The renk bağlantılar hala değiştirir. – naijacoder

7

sadece

a{ 
color:blue 
} 

vermek

+0

Onun komik - Hep şahsen bütün sözde devletler ayarlamak bazı renk değişikliği istiyor, ama doğru olduğundan, bu onu yönetmek için en kolay yoludur. Eğer linkleri kümelerine sahip olmak istiyorsanız o zaman sadece bir sınıf ekleyerek farklı renkler de çalışır: 'a.foo {color: turuncu;} a.bar {color: yeşil;} Bunu yapmanın en iyi yolu benim için' – scunliffe

+0

, aksi halde, scunliffe en cevapta belirtildiği gibi bunu yaparsanız, size rengini stil vermek istersek bir etiket HERHANGİ diğer her biri için geçersiz kılmak gerekir: link,:, vb oldukça acı ziyaret –

23

Bu sahip olduğunuz herhangi bir renk için mükemmel yakıştığını düşünüyorum:

a { 
    color: inherit; 
} 
-1

üzerinde karmaşık hale etmeyin o. Bağlantıyı sadece etiketleri kullanarak bir renk verin.Tıkladığınızda bile değişmeyecek sabit bir renk bırakır. Yani senin davasına sadece maviye ayarla. Sadece kopyalamak istediğiniz mavinin özel bir renge ayarlanırsa, sen boya, klavyenizdeki macunu "baskı SCRN" basın ve (bir damlalık şeklinde) renk seçici bağlantı ve bakış renk seçin kullanarak yapabilirsiniz renk ayarlarındaki kod. açıklandığı gibi active`:

İlgili konular