Fareyle üzerine gelindiğinde bir adın altını çizme


123

Böyle html'im var:

<legend class="green-color"><a name="section1">Section</a></legend>

legend.green-color{
    color:green;
}

Benim durumumda Sectionyeşil görünüyor, ancak üzerine fare işaretçisini koyduğumda bir href gibi görünmeye başladı, ancak altını çizmeden ve rengi değiştirmeden aynı kalmasını istiyorum.

CSS değiştirmeden veya minimum css cahnge ile başarmak mümkün müdür?

veya bir şekilde jquery ile olabilir?

Yanıtlar:


225

bunu dene:

legend.green-color a:hover{
    text-decoration: none;
}

20
Bilginize Bootstrap kullanan kişiler için ... Bunun çalışması için "yok" dan sonra "! Önemli" yi kullanmam gerekiyordu. Örnek: a: hover {text-decoration: none! Önemli; }
JustBlossom

19

Bağlantı etiketi için metin süslemesini kaldırın

<a name="Section 1" style="text-decoration : none">Section</a>

4
Satır içi stilleri kullanmak kötü bir uygulama olarak kabul edilir. Daha sonra bakım çalışmalarını azaltmak için html'yi stillerden ayırmak daha iyidir.

7
Burada bir alev savaşı gündeme getirmek istemem ama bu çizgi içi stili seviyorum. Demek istediğim, HTML dosyamın bu tür bir stile bir veya iki kez ihtiyacı var. Ayrılık iyi bir uygulama olsa bile, ayrı bir stil sayfası oluşturarak zamanı haklı görmüyorum.
user3454439


5

Rengi korumak ve bağlantının altının çizilmesini önlemek için:

legend.green-color a{
    color:green;
    text-decoration: none;
}

3

Belirli bir bağlantıya bir kimlik atayabilir ve CSS ekleyebilirsiniz. Aşağıdaki adımlara bakın:

1. İstediğiniz bir kimlik ekleyin (benzersiz bir ad olmalıdır; yalnızca metinle başlayabilir, sayı ile değil):

<a href="/abc/xyz" id="smallLinkButton">def</a>
  1. Ardından gerekli CSS'yi aşağıdaki gibi ekleyin:

    #smallLinkButton:hover,active,visited{
    
          text-decoration: none;
          }

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.