CSS：悬停选择器无法正常工作

Question

:hover selector 用于 select 元素但不工作，

我尝试了这个但没有用，我该如何解决谢谢

.btn btn:hover {
  background-color: red;
}

<div class="form-group">
                                <div class="col-sm-12">
                                    <asp:Button ID="btnLogin" runat="server" CssClass="btn btn-block btn-primary" Height="30px" Text="Login" OnClick="btnLogin_Click" />
                                </div>
                            </div>

Answer 1

您的选择器有误：

.btn:hover { /* btn:hover is missing class selector the dot. */
  background-color: red;
}

CSS：悬停选择器无法正常工作

CSS :hover Selector not working correctly

css

hover