アンカーテキスト付きCSS

Question

ここに問題があります。私はページにアンカーを入れました。しかし、このアンカーはhref属性を持っていません。

<a onClick="javascript:submit(10);" onMouseOver="adjust(1)" onMouseOut="adjust(0)">Click Here</a> 

これはうまくいきます。しかし、私は、それはすべての時間を下線持ちたい、と私はでそれを達成：今、私はClick Hereがデフォルト（黒）とは異なる色を持ちたい

a 
{ 
    text-decoration:underline; 
} 

。そして、私は、色が変化したときにマウスがしたいときに、マウスが終わっていないときに設定したものに戻ります。また、テキストの色と同じ背景を変更したい。

どうすればこの問題を解決できますか？

PS：私はこれで約2時間近くこれを探していて、何も見つけられません!!

UPDATE：

これはアンカーに関する私の現在のCSS

a, a:link, a:active, a:visited { 
    color: #00f; 
    cursor: pointer; 
    text-decoration: underline; 
} 
a:hover { 
    color: #f00; /* Red */ 
    background-color: #000; /* Black */ 
} 

Answer 1

colorは属性がテキストに色を設定するために使用することができます。これを試してみてください -

a 
{ 
    text-decoration:underline; 
    color: Red; 
} 

a:hover { color: Blue; } 

Answer 2

<a>に別のテキストの色を与えるために、color属性を使用：マウスが<a>の上に置いたときに、:hover:疑似クラスを使用し、スタイルを変更するには

a { 
    color: #f00; /* Red */ 
} 

をbackground-color背景を変更する：

a:hover { 
    color: #00f; /* Blue */ 
    background-color: #000; /* Black */ 
} 

マウスを移動するとawエレメントからの返信では、:hover疑似クラスは自動的に「削除」され、デフォルトの<a>に戻ります。

Answer 3

a, a:link, a:active, a:visited { 
    color: #00f; 
    cursor: pointer; 
} 
a:hover { 
    color: #0ff; 
}