按钮悬停颜色不起作用

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及其参考参数即可。只需删除＆＃34; a＆＃34;在所有css中给你作为参考。

Answer 4

你写错了css使用bellow 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{ }