0

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

我尝试将显示的文本包装在设置背景的元素中。但它并没有以我想要的方式改变颜色（它看起来有点像颜色被它后面的灰色模糊并且没有填满盒子）。我也无法通过 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>
4

0 回答 0