svg當所需的詳細資訊匹配時,我想使用游標圖示
我正在使用的 svg(在這里上傳它的 png)

.apply-copy{
cursor: url('./icons/apply-format.svg'),auto;
}
我如何改變游標
document.querySelector('.ck-editor__editable').classList.add('apply-copy');
uj5u.com熱心網友回復:
這是將特殊游標應用于第二.item類的示例。
您的代碼可能有效.. 但請確保您的影像路徑正確 url('./icons/apply-format.svg')
document.getElementsByClassName('item')[1].classList.add('cursor');
.item{
padding: 10px;
background: #f5f5f5;
border: 1px solid #ddd;
margin: 5px auto;
max-width: 150px;
text-align: center;
cursor: default;
}
.cursor{
cursor: url('https://i.stack.imgur.com/ehitY.png'), auto;
}
<div class="item">something</div>
<div class="item">something</div>
<div class="item">something</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/322074.html
標籤:javascript css
上一篇:僅首先改變高度ulli
