Metin CSS üstü çizili farklı renk?

SORU

10 Temmuz 2009, Cuma

Metin CSS üstü çizili farklı renk?

HTML line-through, metin ile vurucu etki için kullanılabilir tüm değeri del ** 13, ve CSS text-decoration özellik öğeleri. Örnekler:

<del>del</del>

...verir:~~del~~

<strike>strike</strike>

....verir:grev

<span style='text-decoration:line-through'>
    text-decoration:line-through
</span>

...de aynı gibi görünecektir:metin-dekorasyon:line-through

Ancak üst çizginin genellikle metin olarak aynı renk.

CSS satırı farklı bir renk yapmak için kullanılabilir mi?

CEVAP

10 Temmuz 2009, Cuma

Evet, ekstra kaydırma bir öğe ekleyerek. Line-renk unsuru dış, sonra iç elemanı için istenilen metin rengini istediğiniz atayın. Örneğin:

<span style='color:red;text-decoration:line-through'>
  <span style='color:black'>black with red strikethrough</span>
</span>

...ya

<strike style='color:red'>
  <span style='color:black'>black with red strikethrough<span>
</strike>

Üstü çizili a:hover için görünür yapmak için, açık bir stil (declaredor KAFA başvurulan) kullanılmalıdır. (: Pseudo-sınıf vurgulu satır içi STİL özellikleri ile uygulanabilir.) Örnek:

<head>
  <style>
    a.redStrikeHover:hover {
      color:red;
      text-decoration:line-through;
    }
  </style>
</head>
<body>
  <a href='#' class='redStrikeHover'>
    <span style='color:black'>hover me</span>
  </a>
</body>