Question

不幸的是，所选图像未显示为标记... 它显示默认的光盘类型。您能否指出代码是错误的。 url路径正确。请帮忙。

我已经多次检查了图像的网址。

    <style>
    
    ul{list-style-image: url('C:\Users\Ayushi\Pictures\Saved Pictures/Bud.png');}
    
    </style>
    
    <ul>
    
    <li><b>Olanzapine</b></li>
    
    <li><b>Haloperidol</b></li>
    
    <li><b>Sertraline</b></li>
    
    </ul>

未显示图像标记。而是显示默认的光盘项目符号。

Answer 1

尝试更改为： url('file://C:/Users/Ayushi/Pictures/Saved Pictures/Bud.png')

Answer 2

将反斜杠更改为正斜杠：

function fontSize(size) {

    var sel = document.getSelection(); // Gets selection

    var selectedHtml = "";
    if (sel.rangeCount) {
        var container = document.createElement("div");
        for (var i = 0, len = sel.rangeCount; i < len; ++i) {
            container.appendChild(sel.getRangeAt(i).cloneContents());
        }
        selectedHtml = container.innerHTML;
    }

    let html = `<div style="font-size: ${size}px;">${selectedHtml}</div>`
    document.execCommand('insertHTML', false, html);
}

作为通用解决方案，也可以将ul {list-style-image: url('C:/Users/Ayushi/Pictures/Saved Pictures/Bud.png');}替换为Saved Pictures，以在较旧的浏览器中保留空白。

为什么在我的list-style-image属性中显示默认项目符号而不是图像？

2 个答案: