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

时间:2015-10-22 16:53:00

标签: html css twitter-bootstrap button

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

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

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

有没有办法实现这个目标?

2 个答案:

答案 0 :(得分:1)

默认情况下,cursor的style属性设置为hover上的指针。

让我们说你的按钮ID是假按钮(使用"。"而不是"#"如果你想让它成为一个类),这就是风格你需要:

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

答案 1 :(得分:0)

我只能在不看任何代码的情况下做出假设和一般性建议。

向按钮添加一个新类,然后将其添加到带有声明cursor: default的CSS中,以使光标处于默认状态,并且您必须重置背景颜色:

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 */
}