按钮悬停颜色不工作

#button { 
 
    margin-top: 5%; 
 
    position: relative; 
 
    left: 15%; 
 
} 
 

 
#button a{ 
 
    color: #15b097; 
 
} 
 

 
#button a:hover{ 
 
    color: white; 
 
}

<div class="form-group"> 
 
    <div class="col-sm-offset-2 col-sm-10"> 
 
     <a class="btn btn-default" href="#" role="button" id="button">Create Account</a> 
 
    </div> 
 
    </div>

这是第一次发生在我身上的按钮悬停没有改变。它从来没有发生在我身上，我不知道哪里出了问题。也许有特别的错误我不知道。希望我不会困惑你，因为我已经在这里困惑，不断改变类名，并没有奏效。只有对齐正在工作。我做了背景色和颜色。

来源

2016-03-05 Alzira Barretto

结帐我的答案。你的按钮带有'a'标签，所以不需要使用'#button a'。 –

您的按钮与a tag，所以不需要使用#button a。

更新CSS：

#button { 
    margin-top: 5%; 
    position: relative; 
    left: 15%; 
    color: #15b097; 
} 

#button:hover{ 
    color: white; 
}

来源

2016-03-05 12:58:10

#button{ 
    color: #15b097; 
} 

#button:hover{ 
    color: white; 
}

本应该做的

来源

2016-03-05 12:57:25

试试这个CSS我相信，这是正常工作：

#button { 
    margin-top: 5%; 
    position: relative; 
    left: 15%; 
    color: #15b097; 
} 

#button:hover{ 
    color: white; 
}

只是改变你的CSS主ID，它的参考perameter。只需删除所有CSS中的“a”，它就可以作为参考。

来源

2016-03-05 13:03:35

你写错了CSS使用CSS波纹管

a.btn-default:hover 
{ 
    color: white; 
    }

来源

2016-03-05 13:03:50 Rayudu

只需使用CSS作为

#button:hover { 
      color: white; 
     } 
// or .btn:hover{ } or a.btn:hover{ } or a#button:hover{ }

来源

2016-03-05 13:04:13 rb4bhushan

按钮悬停颜色不工作

回答

相关问题