将鼠标悬停在引导按钮上时防止光标更改答案

【问题标题】：Prevent cursor changes when hovering over bootstrap button将鼠标悬停在引导按钮上时防止光标更改
【发布时间】：2016-01-22 01:11:44
【问题描述】：

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

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

当然，点击按钮不会做任何事情。但是，我不希望光标更改和突出显示。

有没有办法做到这一点？

【问题讨论】：

标签： html css twitter-bootstrap button

【解决方案1】：

我只能做出假设和一般性建议，而没有看到您的任何代码。

为按钮添加一个新类，然后将其添加到 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 */
}

【讨论】：

【解决方案2】：

默认情况下，光标的样式属性设置为悬停时的指针。

假设您的按钮 ID 是假按钮（如果您希望它是一个类，请使用“.”而不是“#”），这就是您需要的样式：

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

【讨论】：