正如我的标题所述,我想为显示所选项目的小框/按钮着色。
我尝试将显示的文本包装在设置背景的元素中。但它并没有以我想要的方式改变颜色(它看起来有点像颜色被它后面的灰色模糊并且没有填满盒子)。我也无法通过 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>