更改鏈接背景和顏色

-2

目前我遇到了問題，而我試圖獲得鏈接按鈕樣式。更改鏈接背景和顏色

我目前有未點擊按鈕的代碼：

a.linktest:link{ 
    color:#00F; 
    border: solid 0.125em #5f9eA0; 
    border-radius:0.3125em; 
    text-decoration: none; 
    background-color:#FFFF33; 
}

和

a.linktest:hover{ 
    color: #FF0000; 
    border-radius:0.3125em; 
    border: solid #FFFF33 0.125em; 
    text-decoration: none; 
    background-color: white; 
}

它引用類「linktest」。我遇到的問題是，當我將鼠標懸停在按鈕上時，它會更改文本，邊框和背景的顏色;用於文本和邊框的未點擊按鈕的顏色並不適合我指定的內容。

我在這裏做錯了什麼嗎？

編輯：這裏是我測試的相關鏈接。 http://jsfiddle.net/1zrq381o/2/

來源

2014-08-27 Matthew Wu

jsfiddle.net和後鏈接（點擊保存） – CodeFanatic 2014-08-27 20:45:37

通過「未點擊」你的意思是一個按鈕，這是從來沒有點擊，或按鈕那不是徘徊？ – LcSalazar 2014-08-27 20:46:58

未懸停的按鈕。 – 2014-08-27 20:51:30

只是刪除:link

a.linktest{ /* Remove :link*/ 
    color:#00F; 
    border: solid 0.125em #5f9eA0; 
    border-radius:0.3125em; 
    text-decoration: none; 
    background-color:#FFFF33; 
} 
a.linktest:hover{ 
    color: #FF0000; 
    border-radius:0.3125em; 
    border: solid #FFFF33 0.125em; 
    text-decoration: none; 
    background-color: white; 
}

檢查它的工作：Jsfiddle

來源

2014-08-27 20:54:53 Leo

它的工作，雖然我不太清楚爲什麼它不會工作，如果我把：鏈接。謝謝一堆，但！ – 2014-08-27 20:57:38

問題是@ j08691提到的，而不是鏈接僞屬性，你可以使用它沒有問題，你只是有一個額外的大括號 – Devin 2014-08-27 20:59:27

更改鏈接背景和顏色

回答

相關問題