2

重複の可能性:
インライン CSS で a:hover を記述する方法は?

自己完結型の HTML コードを生成する必要があるため、外部のスタイルシートやスタイル タグを使用できません。

要件の 1 つは、リンクにhover,visited状態などを含める必要があることです。スタイルシートでそれを行う方法は知っていますが、インラインで行うにはどうすればよいですか? つまり、スタイル属性に何を入れるべきですか:

<a style="???" href="http://example.com">Link</a>
4

2 に答える 2

1

あなたはJavascriptでそれを管理することができます：

var links = document.getElementsByTagName("a");

for(var i = 0; i < links.length; i++) {
    if(links[i].className == "hoverThis") {
      DoHover(links[i]);
    }
}

function DoHover(link_element){
  link_element.onmouseover = function(){
    this.style.display = "block";
  }

  link_element.onmouseout = function(){
    this.style.display = "none";
  }
}

オーバーエフェクトを適用するリンク要素に適切なクラス（この例では「hoverThis」）を追加し、必要に応じてエフェクトを変更するだけです。

于 2011-08-06T11:35:48.610 に答える
1

興味のある人のため<style>に、コードの直前にタグを追加することになりました。

<style>.my-link:hover { text-decoration:underline !important; }</style>

<style>タグは内にあるはずなので、これは標準ではありません<head>。ただし、IE、Firefox、Safari、Chromeの最新バージョンで動作します。とにかく起こり得る最悪の事態は、：hover状態が選択されたリンクで機能しないことです。

于 2011-08-06T11:37:21.043 に答える