css - 使用 CSS 是否有一种方法可以在我将鼠标悬停在未禁用的按钮上时将光标变为手指？

Question

我的表单上有按钮。当我将鼠标悬停在这些上面时，我的光标将保持为指针。有没有办法让它变成一只手，但只有当按钮没有被禁用时？

score 6 · Accepted Answer

您可以使用 CSS3 选择器：

button:not([disabled]) {
    cursor: pointer;
}

或者，为常规按钮提供一种样式，为禁用按钮提供不同的样式：

button {
    cursor: pointer;
}

button[disabled] {
    cursor: default;
}

score 0 · Accepted Answer

是的，将您的按钮样式设置为

{
cursor:pointer;
}

score 0 · Accepted Answer

这会成功的

button:hover:disabled{
cursor: pointer;
}
button:active:disabled{
cursor: pointer;
}

score 0 · Accepted Answer

检查JS小提琴

<input type="button" id="new">

#new:hover
{
    cursor:pointer;
}

4 回答 4