是否可以在 Fomantic UI 多选下拉列表中为选定的项目框着色如果是这样怎么办？

问题描述

正如我的标题所述，我想为显示所选项目的小框/按钮着色。

我尝试将显示的文本包装在设置背景的元素中。但它并没有以我想要的方式改变颜色（看起来颜色被后面的灰色模糊了，并且没有填满盒子）。我也无法通过 Fomantics 文档确定方法。

这是我希望完成的一个例子（照片编辑不好）。左边是我拥有的，右边是我想要的。

我认为我需要在下拉列表的声明中添加一些内容？

我目前的声明：

 $('#TagSelection').dropdown({
                multiple: true,allowAdditions: true,forceSelection: false,ignoreCase: true,onChange: function(tags) {
                    vm.tags = tags;
                    vm.checkSettingChanged();
                }
            
            });

HTML

<div class="ui fluid multiple search selection dropdown admin-notification" id="TagSelection">
                <i class="dropdown icon"></i>
                <div class="default text">Select Tags</div>
                <div class="menu">
                    <div class="item" ng-repeat="tag in vm.companyTags" data-value="{{tag.id}}" style="background-color: {{tag.color}}" >{{tag.name}}</div>
                </div>
            </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）