-1

ユーザーがテキストにカーソルを合わせたときに、テキストの色を変更して下線を付けようとしています。

次のことを試しましたが、機能しません。私はインターネット全体で解決策を探しましたが、特定のニーズに合った解決策は見つかりませんでした。

<style type="text/css">
    .container{ width: 100px; float: left; background: #e2edf9; overflow: hidden; }
    .content {width: 10px; height:20px; cursor: pointer; color: black; }
    .content:hover{color: orange;}
</style>

<div class="container">
    <div class="content" onclick="search(this)" >**EWR**</div>
    <div class="content" onclick="search(this)" >**NRT**</div>
</div>
4

4 に答える 4

3

CSS：

.container{ width: 100px; float: left; background: #e2edf9; overflow: hidden; }
.content {width: 10px; height:20px; cursor: pointer; color: #000000; }
.content:hover{color: #FFA500; text-decoration: underline;}

色がHEXコードまたはrgb（）を使用しようとするため、すべてのブラウザが単語を受け入れるわけではありません。

参照： http： //jsfiddle.net/davcpas123/3S4xN/2/

アップデート：

奇妙なことに私には問題ないようです：

ここに画像の説明を入力してください

于 2012-09-11T21:00:33.790 に答える
2

IEでは、：hoverセレクターが<a>要素以外の要素で機能するには、<！DOCTYPE>を宣言する必要があります。

<IE6のリンク以外の要素での：hoverのサポートについてはよくわかりません。

プッシュが押し寄せてくると、常にJavaScriptの鞭があります。

<div class="content" onmouseover="this.style.color = 'orange'" onmouseout="this.style.color = 'black'" ></div>
于 2012-09-11T21:27:52.880 に答える
1

これの何が問題になっていますか？

<style type="text/css">
    .container{ width: 100px; float: left; background: #e2edf9; overflow: hidden; }
    .content {width: 10px; height:20px; cursor: pointer; color: black; }
    .content:hover{color: #FFFFFF;text-decoration:underline;}
</style>

<div class="container">
    <div class="content" onclick="search(this)" >**EWR**</div>
    <div class="content" onclick="search(this)" >**NRT**</div>
</div>​

デモ： http： //jsfiddle.net/m4m7B/1/

于 2012-09-11T20:59:27.533 に答える
1

このフィドルはIE8で機能します。クァークズモードで実行している場合を除いて、ここでフィドルを参照してください。クァークズモードはオンになっていますか？

javascriptはオプションであり、あなたにとって最良の解決策のようです。

于 2012-09-11T22:26:06.353 に答える