#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>
这是第一次发生在我身上的按钮悬停没有改变。它永远不会发生在我身上我不知道出了什么问题。也许特别出问题我不知道。 希望我不要困惑你,因为我已经在这里混淆了改变班级名称并且没有工作。只有对齐才有效。我做了背景颜色和颜色。
答案 0 :(得分:1)
您的按钮位于a tag
,因此不需要使用#button a
。
更新了CSS:
#button {
margin-top: 5%;
position: relative;
left: 15%;
color: #15b097;
}
#button:hover{
color: white;
}
答案 1 :(得分:0)
#button{
color: #15b097;
}
#button:hover{
color: white;
}
这应该做
答案 2 :(得分:0)
试试这个css我相信这是正常的:
#button {
margin-top: 5%;
position: relative;
left: 15%;
color: #15b097;
}
#button:hover{
color: white;
}
只需更改您的css主ID及其参考参数即可。只需删除&#34; a&#34;在所有css中给你作为参考。
答案 3 :(得分:0)
你写错了css使用bellow css
a.btn-default:hover
{
color: white;
}
答案 4 :(得分:0)
只需使用css作为
#button:hover {
color: white;
}
// or .btn:hover{ } or a.btn:hover{ } or a#button:hover{ }