列表项显示时不带符号,使用文本代替

list items display without bullets use text instead?

本文关键字:文本 带符号 显示 列表      更新时间:2023-09-26

我从无序列表中删除了项目符号,我想在每条消息中显示Log,但这并没有出现。有没有人知道下面的代码出了什么问题,因为我想让用户看到消息之间的区别,所有消息放在一起用户看不到消息的起点和终点。还有什么更好的办法吗?

main.html

<div class="row">
    <ul style="list-style: none">
        <li ng-repeat="item in data  | filter:vm.searchLog track by $index" ng-bind-html="item | highlight:vm.searchLog">Log:</li>
    </ul>
</div>

使用带有content属性的CSS:before选择器来插入一些文本而不是项目符号

ul {
    list-style: none;
}
li:before {
    content: 'Log';
    padding-right: 5px;
}