帶錨文本的CSS

這是問題。我在頁面上放置了一個錨點。但這個錨沒有href屬性：帶錨文本的CSS

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

這工作得很好。但我想把它強調所有的時間，我通過實現它：

a 
{ 
    text-decoration:underline; 
}

現在我想Click Here有不同的顏色比默認的（黑色）。我想，當鼠標懸停在顏色變化上，並返回到鼠標未完成時所設置的值。另外，我想要改變與文字顏色相同的背景。

我該如何做到這一點？

PS：我一直在使用google近2個小時，並且找不到任何東西！

UPDATE：

這是我關於錨

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

來源

2011-12-14 sikas

總是添加'href`屬性，如'...`。否則，您的代碼將無法生效，根據我的經驗，Chrome甚至不會將其視爲主播。 – 2011-12-14 00:34:50

@ldiqual：將href添加到其中一個錨，並且它工作正常。但問題是，我現在不想讓任何東西進入狀態欄。 – sikas 2011-12-14 00:42:50

你沒有談論狀態欄。你什麼意思？ – 2011-12-14 00:44:23

color屬性可以用來設置顏色的文字當前CSS。試試這個 -

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

a:hover { color: Blue; }

來源

2011-12-14 00:33:01 Mahesh

a：懸停不起作用！ – sikas 2011-12-14 00:36:58

爲了給<a>不同的文本顏色，使用color屬性：

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

要改變風格，當鼠標懸停在<a>，使用:hover:僞類，有background-color改變背景：

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

當鼠標被移動AW從元素中，:hover僞類將被自動「刪除」，默認<a>回到原始樣式。

來源

2011-12-14 00:33:16 Bojangles

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

來源

2011-12-14 00:34:04 Aaron

帶錨文本的CSS

回答

相關問題