Question

目前我遇到了一个问题，而我正在尝试设置一个链接按钮。

我目前有未点击按钮的代码：

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/

Answer 1

只需删除: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

更改链接背景和颜色

1 个答案: