按鈕懸停顏色不工作

Question

#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>

這是第一次發生在我身上的按鈕懸停沒有改變。它從來沒有發生在我身上，我不知道哪裏出了問題。也許有特別的錯誤我不知道。 希望我不會困惑你，因爲我已經在這裏困惑，不斷改變類名，並沒有奏效。只有對齊正在工作。我做了背景色和顏色。

Answer 1

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

更新CSS：

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

#button:hover{ 
    color: white; 
} 

Answer 2

#button{ 
    color: #15b097; 
} 

#button:hover{ 
    color: white; 
} 

本應該做的

Answer 3

試試這個CSS我相信，這是正常工作：

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

#button:hover{ 
    color: white; 
} 

只是改變你的CSS主ID，它的參考perameter。只需刪除所有CSS中的「a」，它就可以作爲參考。

Answer 4

你寫錯了CSS使用CSS波紋管

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

Answer 5

只需使用CSS作爲

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