Css 从chart.js图例中删除项目符号

我使用chart.js作为示例

我的传奇在每个传奇项目旁边都显示了要点，我不知道为什么。在多个浏览器中发生。以下是我得到的图像：

我曾尝试将“列表样式类型：无；”添加到css中，但这并没有对我产生任何影响

有什么想法吗？ JSFIDLE代码如下：

**html**
<div style="width: 100%; height: 100%;">
<canvas id="myChart" style="width: 100%; height: auto;"></canvas>
</div>
<div id="js-legend" class="chart-legend"></div>

**js**
var data = [
{
value: 61,
color: "#09355C",
label: "Label 1"
}, {
value: 11,
color: "#CBCBCB",
label: "Label 2"
}, {
value: 28,
color: "#B61B12",
label: "Label 3"
}];

var options = {
segmentShowStroke: false,
animateRotate: true,
animateScale: false,
percentageInnerCutout: 50,
tooltipTemplate: "<%= value %>%"
}

var ctx = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(ctx).Doughnut(data, options);
document.getElementById('js-legend').innerHTML = myChart.generateLegend();

**css**
.chart-legend li span{
display: inline-block;
width: 12px;
height: 12px;
margin-right: 5px;
}

**html**
**js**
风险值数据=[
{
价值：61，
颜色：“09355C”，
标签：“标签1”
}, {
价值：11，
颜色：“CBCB”，
标签：“标签2”
}, {
价值：28，
颜色：“B61B12”，
标签：“标签3”
}];
变量选项={
错误：错误，
动画片：对，
动画缩放：错误，
百分比内部断路器：50，
ToolTiptTemplate:“%”
}
var ctx=document.getElementById（“myChart”）.getContext（“2d”）；
var myChart=新图表（ctx）.Doughnut（数据，选项）；
document.getElementById（'js-legend'）。innerHTML=myChart.generateGend（）；
**css**
.图表图例li span{
显示：内联块；
宽度：12px；
高度：12px；
右边距：5px；
}

您需要添加

列表样式类型：无到
li
元素，例如

.chart-legend li {
    list-style-type: none;
}

您当前的CSS规则集目标
。图表图例li span
-添加
列表样式类型：无没有帮助。
我在您的JSFIDLE演示中没有看到任何项目符号。你能给我一个问题的截图吗？谢谢，你用的是哪种浏览器？似乎它的行为与我们的不同（在最新版本的Chrome上运行良好）。你试过hack ul{list style type:none！important；}吗？Legend，非常感谢，这正是我需要的：D