更改链接背景和颜色

-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

更改链接背景和颜色

回答

相关问题