Angular PrimeNG列表框十字标签

Question

我正在使用angular 7.2.0和primeng 7.0.0，我试图在列表框中显示元素列表。

如何在列表中跨选中元素的标签而不是突出显示

Answer 1

我的建议是尝试使用浏览器的DevTools检查要尝试修改的元素（在“样式”部分中播放，直到达到所需的结果），然后在代码中进行更改。

对于该问题，您要删除列表项所选状态的背景，然后提供直通文本装饰属性。这应该是CSS部分，以使用正确的选择器解决您的问题：

body .ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
    color: #000000;
    text-decoration: line-through;
    background-color: none;
}

请注意，我们移除蓝色背景后，文字颜色已更改为可见。这仅适用于列表框项目的突出显示状态（ .ui-listbox-item.ui-state-highlight ）。

• 如果不确定如何使用检查工具，请查看Google开发人员提供的this快速教程。希望对您有帮助