停用光标悬停面包屑

Question

我正在关注这个tuto，我得到了我想要的，只有一件事，我想在鼠标悬停在它上面时停用光标的手。

这是 HTML：

<div class="container">
    <div class="row">
        <h:ul class="breadcrumb">
            <div id="savedStateDiv">
                <h:a href="javascript:void(0);">
                    Drafted
                </h:a>
            </div>
            <div id="confirmedStateDiv">
                <h:a href="javascript:void(0);">
                    sent
                </h:a>
            </div>
            <div id="reopenedStateDiv">
                <h:a href="javascript:void(0);">
                    shutdown
                </h:a>
            </div>
            <div id="validatedStateDiv">
                <h:a href="javascript:void(0);">
                    Validated
                </h:a>
            </div>
            <div id="invoicedStateWithoutCRADiv">
                <h:a href="javascript:void(0);">
                    signed
                </h:a>
            </div>
            <div id="invoicedCompletedStateDiv">
                <h:a href="javascript:void(0);">
                    finished
                </h:a>
            </div>
        </h:ul>
    </div>
</div>

我已经注释掉了：

.breadcrumb li a:hover { 
    background: hsla(34, 85%, 25%, 1); 
}
.breadcrumb li a:hover:after { 
    border-left-color: hsla(34, 85%, 25%, 1) !important; 
}

但是，当我将鼠标悬停在面包屑上时，光标指针变为一只手。谢谢

Answer 1

.breadcrumb li a:hover:after { 
  border-left-color: hsla(34, 85%, 25%, 1) !important; 
  cursor:none;

}

不确定您要找的是不是这个？另请参阅 https://css-tricks.com/almanac/properties/c/cursor/

Answer 2

如果您只想让光标在悬停时保持其默认 pointer 外观，请使用 cursor: pointer;:

.breadcrumb li a:hover { 
  cursor: pointer;
}

停用光标悬停面包屑

Deactivate cursor hover breadcrumb

html

css

breadcrumbs

hover