Bağlantıdan inatçı alt çizgiyi kaldırma

Bir bağlantının alt çizgi olmadan beyaz renkte görünmesini sağlamaya çalışıyorum. Metin rengi doğru şekilde beyaz olarak görünüyor, ancak mavi alt çizgi inatla devam ediyor. Bağlantı alt çizgisini kaldırmak için CSS'de text-decoration: none; ve text-decoration: none !important; seçeneklerini denedim. İkisi de işe yaramadı.

.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>

Bağlantıdaki mavi alt çizgiyi nasıl kaldırabilirim?

daaawx
Edited question 2019ösp43ös22 Nisan 2019 в 10:43
Programlama
css hyperlink underline
2010ösp29ös15 Mayıs 2010 в 3:29
29 görünümler

Çapa etiketi (bağlantı) ayrıca ziyaret edilen, hover, bağlantı ve aktif gibi sözde sınıflara sahiptir. Stilinizin söz konusu durum(lar)a uygulandığından ve başka hiçbir stilin çakışmadığından emin olun.

Örneğin:

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

Kullanıcı eylemi sözde sınıfları :hover, :active ve :focus hakkında daha fazla bilgi için W3.org adresine bakın.**

JYelton
Edited answer 2016ösp32ös17 Mayıs 2016 в 5:32
Yorumlar (2)

text-decoration: none !important ibaresi kaldırılmalıdır. Bir border-bottom olmadığından emin misin? 1px solid` olmadığından emin misiniz? (IE'de Firebug/F12'de hesaplanan stili izleyin)

Gijs Overvliet
Edited answer 2014ösp2ös14 Temmuz 2014 в 2:02
Yorumlar (1)

Sayfayı görmeden tahminde bulunmak zor.

Ama bana öyle geliyor ki sizde bir "sınır-alt" olabilir: 1px solid blue;uygulanıyor. Belki deborder: none;ekleyin. text-decoration: none !important doğru, yine de bu CSS'yi geçersiz kılan başka bir stiliniz olması mümkündür.

İşte bu noktada Firefox Web Geliştirici Araç Çubuğu kullanmak harika, CSS'yi orada düzenleyebilir ve en azından Firefox için işlerin yolunda gidip gitmediğini görebilirsiniz. CSS > CSS'yi Düzenle'nin altındadır.

Yorumlar (0)