当鼠标悬停在引导按钮上时,防止光标改变



我有一个引导链接按钮,但它实际上只是为了显示,因为它的原因是我想要一个元素,我可以标记一个id。

当我将鼠标悬停在按钮上时,光标变为可点击光标,并且按钮文本内容也被突出显示。

当然,点击按钮不会做任何事情。但是,我不希望光标改变和高亮显示。

有办法做到这一点吗?

默认情况下,光标的样式属性设置为悬浮指针。

让我们假设你的按钮id是fake-button(如果你想让它成为一个类,使用"。"而不是"#"),这就是你需要的样式:

#fake-button:hover{
    text-decoration: none;
    cursor: initial;
    background-color: initial;
}

我只能在没有看到你的任何代码的情况下做出假设和一般建议。

为按钮添加一个新类,然后将其添加到CSS中,并声明cursor: default,使光标为默认值,并且必须重置背景颜色:

HTML:

<button class="button button-reset-stuff"></button>
CSS:

.button-reset-stuff:hover {
    cursor: default;
    background: red; /* red being the default color of the button, which I don't know without a sample of your code */
}

最新更新