小编Sun*_*uin的帖子

有没有办法更改所选节点的节点大小而不更改选项中所有节点的大小？

这些是我的节点选项：

nodes: {
    borderWidth: 1,
    borderWidthSelected: 2,
    physics: true,
    color: {
        border: '#000000',
        background: '#ffffff',
        highlight: {
            border: '#000000',
            background: '#B9B9BF'
        }
    },
    shadow: {
        enabled: false,
        color: '#C11818',
        size: 10,
        x: 5,
        y: 5
    },
    shape: 'circularImage',
    mass: 2,
    size: 25
}

我想放大所选节点，使其比其他节点更明显。

network.on("selectNode", function (params) {
    var nodeId = params.nodes[0];
    var node = nodes.get(nodeId);
    nodeClick(nodeId, nodes, edges, network);
    // var options= {
    // nodes: {
    // size: 40
    // }
    // };
    // network.setOptions(options);
});

注释部分设置所有节点的大小，而不是选定节点的大小，并且节点对象也没有任何选项句柄。

这是我的 HTML：

<a class="iconContainer" href="#">
  <span class="containerIcon chevron-right"/>
  Test
</a>

这是我的CSS：

.chevron-right::before {
  display: inline-block;
  content: "";
  background-image: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-right' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

由于某种原因，该图标未显示。这几乎与此处的引导图标文档中显示的示例类似： https: //icons.getbootstrap.com/#usage

有人知道我做错了什么吗？我想我错过了一些非常明显的东西。这是它的 jsFiddle 链接。https://jsfiddle.net/w5bvs7n6/8/

编辑：我想这与内容为空有关，但我不知道如果内容不是空的，它会如何工作。