当我悬停div时,如何更改链接颜色?
我试着用:
- #voltarTEST {
- width: 80px;
- height: 62px;
- padding-top: 16px;
- background-image: url(../img/multiLangImage/Seta11.png);
- background-repeat: no-repeat;
- }
- #seguinteBtn {
- width: 80px;
- height: 62px;
- padding-top: 16px;
- background-image: url(../img/multiLangImage/Seta21.png);
- background-repeat: no-repeat;
- text-decoration: none;
- color: #777;
- }
- #seguinteBtn:hover {
- background-image: url(../img/multiLangImage/Seta22.png);
- background-repeat: no-repeat;
- text-decoration: none;
- color: #FFF;
- }
- #voltarText {
- /* padding-right: 10px;*/
- padding-left: 30px;
- }
- #voltarNEText {
- /* padding-right: 10px;*/
- padding-left: 30px;
- }
- #voltarTEST:hover {
- background-image: url(../img/multiLangImage/Seta12.png);
- background-repeat: no-repeat;
- }
- #voltarTEST a {
- text-decoration: none;
- font-size: x-small;
- font-family: Verdana;
- text-decoration: none;
- color: #999;
- }
- #voltarTEST a:hover {
- text-decoration: none;
- font-size: x-small;
- font-family: Verdana;
- text-decoration: none;
- color: #FFF;
- }
- #dataUltimaSincMSG {
- margin-bottom: 0;
- }
- #estadoSinc {
- margin-bottom: 0;
- }
但这不起作用,当我将鼠标悬停在链接上时,这只会改变颜色.
解决方法
添加这个:
- #voltarTEST:hover a{
- text-decoration: none;
- font-size: x-small;
- font-family: Verdana;
- text-decoration: none;
- color:#FFF;
- }