如何解决是否可以在 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 举报,一经查实,本站将立刻删除。