Question

我正在处理一个非常简单的CSS，当鼠标移过它时，光标会变为指针。

我已经看了几个小时的代码了，我无法弄清楚光标不会变成指针的原因。当我移过div时，它会短暂变化，然后再变回箭头。

它可能非常简单，但我看不到它。

＆＃13;

.holder{
    width:1000px;
    overflow: auto;
    margin: 0 auto;
    font-family: 'Abel';
    padding-left: 50px;
    padding-top: 50px;
    position: relative;
    }
.action_pod{
    float:left;
    border-radius: 10px;
    border: 1px solid #777;
    font-family: 'Abel';
    margin: 10px;
    overflow: hidden;
    padding:2px;
    cursor:pointer;
}
.act_pod{
    background-color: #cf9b63;
    color: #fff;
    width:100%;
    border-radius: 7px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
}
a:link{
    text-decoration: none;
    color:inherit;
    cursor: pointer;
}
a:visited{
    text-decoration: none;
    color:inherit;
    cursor:pointer;
}

＆＃13;

<div class="holder">
    <div class="action_pod">
        <div class="act_pod">
            <a href="add_raw_season.php">add new raw season</a>
        </div>
    </div>
</div>

＆＃13;

更新：感谢您的所有建议。我已经尝试了所有这些，到目前为止没有任何工作。我现在想知道我的浏览器中是否有一些隐藏的东西......

更新2：在我的Mac上看起来像是一个错误，因为任何网站上的链接都没有使光标成为指针。很惊讶我的问题被标记下来，因为我只是在我遇到的一个问题上寻求帮助，并提供了我所有的信息。

更新3：显然，这是在Mac上同时运行Photoshop CC的问题。如果有人在将来遇到同样的问题，请在此处找到解决方案。 https://apple.stackexchange.com/questions/151370/my-cursor-is-wrong-in-certain-apps-safari-chrome-mail

Answer 1

你应该使用

divName:hover {
    cursor: pointer;
}

Answer 2

将CSS添加到父div

holder:hover {
    cursor: pointer;
}

Answer 3

立即删除代码中的所有cursor:pointer;位，并将其添加到您的css中：

.act_pod:hover{
    cursor: pointer;
}

Answer 4

这很简单，试试这个。

body{cursor:default;}.holder a:hover{cursor:pointer;}

Answer 5

删除其他Div类中的所有游标并在您的班级中添加此属性

.holder:hover{
  ........
  cursor:pointer;
}

mouseover div上的CSS无法正常工作

5 个答案: