停用光标悬停痕迹

时间:2018-01-17 11:47:26

标签: html css css3 hover breadcrumbs

我正在关注这个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; 
}

但是,当我悬停面包圈时,光标指针变为一只手。感谢

2 个答案:

答案 0 :(得分:3)

SELECT CONCAT('CSALES - PNP - ',[FArticle no.],' - ',[Store ID],' - ',[base UOM]) FROM tblStock

SELECT CONCAT('CSALES - PNP - ',[FArticleNumber], ' - ',[Store ID],' - ','EA')  FROM tblSales;

}

不确定这是你在找?另请参阅https://css-tricks.com/almanac/properties/c/cursor/

答案 1 :(得分:0)

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

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